@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&family=Poppins:wght@500;600;700&family=Playfair+Display:wght@500;600;700&display=swap");:root{--ink:#0b2b26;--ink-deep:#071c18;--emerald:#123832;--emerald-2:#1b4b43;--gold:#c6a15b;--gold-light:#e8c97d;--paper:#faf8f3;--ivory:#f1efe7;--line:rgba(11,43,38,.12)}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}.serif,h1,h2,h3{font-family:Fraunces,serif}button{font-family:Manrope,sans-serif}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 800px at 15% -10%,rgba(198,161,91,.14),transparent 60%),linear-gradient(160deg,var(--ink-deep) 0,var(--emerald) 55%,var(--emerald-2) 100%)}.auth-card{width:100%;max-width:400px;background:var(--paper);border-radius:22px;padding:36px 32px;box-shadow:0 40px 70px -25px rgba(0,0,0,.55)}.auth-card h1{font-size:1.5rem;font-weight:600;margin:0 0 6px;color:var(--ink)}.auth-card p.sub{font-size:.9rem;color:#4c6a63;margin:0 0 26px}.field{margin-bottom:16px}.field label{display:block;font-size:.78rem;font-weight:700;color:#4c6a63;margin-bottom:6px}.field input,.field textarea{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid var(--line);font-family:Manrope,sans-serif;font-size:.95rem;outline:none;background:#fff;color:var(--ink)}.field textarea{resize:vertical;min-height:70px}.field input:focus,.field textarea:focus{border-color:var(--gold)}.btn-primary{background:var(--ink);color:var(--paper);border:none;padding:13px 22px;border-radius:100px;font-weight:700;font-size:.92rem;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:default}.btn-secondary{color:var(--ink);border:1.5px solid var(--line);padding:11px 20px;border-radius:100px;font-size:.88rem}.btn-danger,.btn-secondary{background:transparent;font-weight:700;cursor:pointer}.btn-danger{color:#b23a48;border:none;font-size:.85rem}.btn-icon{background:var(--ivory);border:none;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.switch-link{text-align:center;font-size:.85rem;color:#4c6a63;margin-top:18px}.switch-link a{color:var(--gold);font-weight:700;text-decoration:none}.msg{font-size:.85rem;text-align:center;margin-top:14px}.msg.error{color:#b23a48}.msg.success{color:#1b4b43}.dashboard{min-height:100vh;background:var(--ivory)}.dash-header{background:var(--ink-deep);color:var(--paper);padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.dash-header .brand{font-family:Fraunces,serif;font-weight:600;font-size:1.1rem}.dash-header .brand span{color:var(--gold-light)}.dash-header .link-preview{font-size:.82rem;color:var(--gold-light);text-decoration:none}.dash-body{max-width:640px;margin:0 auto;padding:28px 20px 80px}.section-card{background:#fff;border-radius:18px;padding:24px;margin-bottom:22px;border:1px solid var(--line)}.section-card h2{font-size:1.05rem;font-weight:700;margin:0 0 4px}.section-card p.hint{font-size:.82rem;color:#4c6a63;margin:0 0 18px}.avatar-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.avatar-preview{width:64px;height:64px;border-radius:50%;border:2px solid var(--line)}.avatar-preview,.cover-preview{object-fit:cover;background:var(--ivory)}.cover-preview{width:100%;height:110px;border-radius:12px;margin-bottom:10px;border:1px solid var(--line)}.upload-btn{display:inline-block;font-size:.82rem;font-weight:700;color:var(--ink);background:var(--ivory);padding:8px 14px;border-radius:100px;cursor:pointer}.upload-btn input{display:none}.swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid rgba(11,43,38,.15)}.swatch.active{border-color:var(--ink)}.font-option{padding:9px 14px;border-radius:100px;border:1.5px solid var(--line);cursor:pointer;font-size:.85rem;background:#fff}.font-option.active{border-color:var(--ink);background:var(--ivory);font-weight:700}.dropdown-row{display:flex;flex-wrap:wrap;gap:10px}.hover-pop{position:relative;display:inline-block}.hover-pop-trigger{cursor:pointer;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:100px;border:1.5px solid var(--line);background:#fff;font-size:.82rem;font-weight:600;color:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hover-pop.open .hover-pop-trigger{border-color:var(--gold)}.dd-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0}.dd-swatch,.hover-pop-panel{border:1px solid var(--line)}.hover-pop-panel{position:absolute;top:100%;left:0;z-index:30;background:#fff;margin-top:0;border-radius:14px;padding:12px;display:flex;gap:8px;flex-wrap:wrap;box-shadow:0 12px 30px -10px rgba(0,0,0,.25);min-width:150px}.hover-pop-panel.panel-up{top:auto;bottom:100%;margin-top:0;margin-bottom:0}.hover-pop-panel-list{flex-direction:column;min-width:170px}.hover-pop-panel-hub{flex-direction:column;max-width:280px;max-height:300px;overflow-y:auto}.hub-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.hover-pop-panel-hub::-webkit-scrollbar{width:6px}.hover-pop-panel-hub::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.icon-style-option{padding:4px;border-radius:10px;cursor:pointer;border:1.5px solid transparent;display:flex;align-items:center;justify-content:center}.icon-style-option:hover{border-color:var(--gold);background:var(--ivory)}.icon-style-option.active{border-color:var(--ink);background:var(--ivory)}.icon-picker{display:flex;flex-direction:column;align-items:center;gap:4px}.icon-picker-caption{font-size:.7rem;color:var(--gold);font-weight:700;cursor:pointer;opacity:0;transition:opacity .15s}.icon-picker:hover .icon-picker-caption{opacity:1}.icon-picker-btn{cursor:pointer;border-radius:10px;border:1.5px solid transparent}.icon-picker-btn:hover{border-color:var(--gold)}.link-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff}.link-item.dragging{opacity:.6;box-shadow:0 8px 20px -8px rgba(0,0,0,.25)}.drag-handle{cursor:-webkit-grab;cursor:grab;color:#8aa39c;font-size:1.5rem;font-weight:700;min-width:34px;min-height:44px;display:flex;align-items:center;justify-content:center;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;line-height:1;border-radius:8px;flex-shrink:0}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing;background:var(--ivory)}.edit-input{padding:8px 10px;border-radius:8px;border:1.5px solid var(--line);font-size:.85rem;font-family:Manrope,sans-serif}.link-item .info{flex:1 1;min-width:0}.link-item .info .title{font-weight:700;font-size:.9rem}.link-item .info .url{font-size:.78rem;color:#4c6a63;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-item .actions{display:flex;gap:6px}.add-link-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}@media (max-width:600px){.dropdown-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.dropdown-row>.hover-pop{display:block;width:100%;min-width:0}.dropdown-row .hover-pop-trigger{width:100%;justify-content:center;text-align:center;padding:8px;font-size:.72rem;line-height:1.25;gap:6px;white-space:normal}.dropdown-row .dd-swatch{width:12px;height:12px}.dropdown-row>.hover-pop:nth-child(2n) .hover-pop-panel{left:auto;right:0}.dropdown-row .hover-pop-panel{min-width:140px;max-width:calc(100vw - 48px)}}.public-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 20px;text-align:center}.public-cover{width:100%;max-width:480px;height:150px;object-fit:cover;border-radius:18px;margin-bottom:-40px}.public-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid var(--paper);background:var(--ivory);margin-bottom:12px}.public-name{font-size:1.3rem;font-weight:700;margin:0 0 4px}.public-bio{font-size:.92rem;color:#4c6a63;max-width:340px;margin:0 0 26px}.public-links{width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px}.public-link{display:block;width:100%;padding:14px 18px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:.92rem;text-decoration:none;text-align:center;cursor:pointer}.link-icon-row{display:flex;align-items:center;gap:10px}.public-footer{margin-top:40px;font-size:.78rem;color:#8aa39c}.public-links.aligned-center{display:grid;grid-template-columns:1fr minmax(0,max-content) 1fr;grid-column-gap:0;column-gap:0;grid-row-gap:12px;row-gap:12px}.public-links.aligned-center>*{grid-column:1/-1}.public-links.aligned-center>.public-link{display:grid;grid-template-columns:subgrid;align-items:center}.public-links.aligned-center>.public-link>.link-icon-row{grid-column:2;justify-content:flex-start;text-align:left}.public-links.aligned-center>a:not(.public-link){justify-self:center}