@import url('./fonts.css');
:root{--paper:#f8f7f3;--white:#fffefa;--ink:#34484e;--muted:#7e8989;--blue:#5b8190;--blue-light:#e7eff1;--line:#e8e9e3;--serif:'Lora',Georgia,serif;--sans:'Golos Text',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8aabba;outline-offset:4px}svg.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}button:disabled{opacity:.5;cursor:default}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#fdfcf8;border-right:1px solid var(--line);padding:36px 20px;display:flex;flex-direction:column;overflow-y:auto;z-index:10}.brand{display:flex;gap:10px;align-items:center;margin:0 5px 47px;font:600 33px var(--serif);letter-spacing:-1.5px}.brand-icon{display:grid;place-items:center;background:#e7eef0;width:42px;height:48px;border-radius:15px;flex-shrink:0}.brand-icon .icon{width:26px;height:26px;color:var(--blue)}.brand-dot{color:#8babaf}.brand small{display:block;font:8px var(--sans);letter-spacing:.1px;color:#9a9c92;margin-top:6px}.sidebar-caption{font-size:9px;letter-spacing:1.7px;color:#9aa09b;padding:0 13px;margin-bottom:15px}nav{display:flex;flex-direction:column;gap:4px}.nav-button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 13px;border-radius:9px;color:#7b8584;font-size:12px;min-height:42px;transition:background .15s}.nav-button .icon{width:18px;height:18px}.nav-button:hover{background:#f1f2ec}.nav-button.active{color:#557b89;background:#eaf0f1;font-weight:600}.nav-button .nav-count{margin-left:auto;font-size:10px;background:#fff9;padding:1px 6px;border-radius:5px}.nav-divider{height:1px;background:var(--line);margin:14px 12px}.new-section{display:flex;align-items:center;gap:10px;color:#87938f;font-size:12px;margin:14px 11px;text-align:left;padding:6px 0}.new-section .icon{width:16px}.sidebar-bottom{position:relative;margin:auto 5px 0;padding:37px 14px 0;color:#9a9d94;font:italic 13px/1.8 var(--serif)}.little-heart{color:#a6b8ac}.little-heart .icon{width:22px;height:22px}.tiny-star{position:absolute;right:10px;top:46px;color:#c3b48f;font-size:25px}.workspace{margin-left:232px}.topbar{height:77px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 46px;border-bottom:1px solid var(--line);font-size:11px;color:#8b9390}.breadcrumb{display:flex;align-items:center;gap:10px}.breadcrumb .icon{width:15px}.separator{color:#c4cac5;margin:0 3px}.private-label{display:flex;gap:7px;align-items:center}.private-label .icon{width:14px;color:#a2b4bb}main{max-width:1300px;margin:auto;padding:32px 46px 0}.hero{position:relative;border-radius:18px;background:#e7eff0;min-height:292px;overflow:hidden;padding:30px 36px;display:flex;align-items:center}.hero-copy{z-index:1}.eyebrow{font-size:9px;font-weight:500;letter-spacing:1.7px;color:#879995;display:flex;align-items:center;gap:9px}.small-line{width:22px;height:1px;background:#8faaa9}h1{font:500 clamp(30px,3.1vw,43px)/1.2 var(--serif);letter-spacing:-1.2px;margin:15px 0 13px;color:#39535b}h1>span{color:#86a5a9}.hero p{font-size:12px;line-height:1.85;color:#7b9093;margin:0}.hero-bottom{display:flex;align-items:center;gap:9px;color:#85999b;font-size:10px;margin-top:22px}.heart-seal{display:grid;place-items:center;width:24px;height:24px;border:1px solid #c6d6d6;border-radius:50%}.heart-seal .icon{width:12px;height:12px}.hero-art{position:absolute;right:12px;bottom:5px;width:39%;max-width:390px;height:95%}.progress-strip{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:23px 2px 25px;border-bottom:1px solid var(--line)}.progress-label{display:flex;align-items:center;gap:12px}.progress-icon{background:#eeeae0;color:#a69879;width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.progress-label strong{display:block;font-size:12px;font-weight:500}.progress-label span:not(.progress-icon){font-size:10px;color:#92998f;display:block;margin-top:3px}.progress-track{width:38%;max-width:360px}.progress-caption{display:flex;justify-content:space-between;font-size:10px;color:#8d9793;margin-bottom:8px}.progress-caption strong{color:#6d8a91;font-weight:500}.progress-bar{height:5px;border-radius:10px;background:#e6eae4;overflow:hidden}.progress-bar>span{height:100%;display:block;width:0;background:#88aaa6;border-radius:10px;transition:width .3s}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0 18px}h2{font:500 24px/1.35 var(--serif);letter-spacing:-.55px;margin:0}.section-heading .eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:1.6px}.text-button{font-size:11px;display:flex;align-items:center;gap:5px;color:#839492;white-space:nowrap}.text-button .icon{width:14px;height:14px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-card{position:relative;border:1px solid var(--line);background:var(--white);padding:17px 18px 16px;border-radius:12px;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}.category-card:hover{transform:translateY(-3px);box-shadow:0 5px 16px #34484e09;border-color:#bbcdd0}.category-card.selected{border-color:#89a5af;background:#f2f6f5;box-shadow:0 0 0 1px #89a5af30}.category-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--tint);color:var(--tone);margin-bottom:11px}.category-icon .icon{width:23px;height:23px}.blue{--tint:#e7eef1;--tone:#7a9ba8}.sage{--tint:#edf0e5;--tone:#95a184}.peach{--tint:#f7ece4;--tone:#c19c80}.lilac{--tint:#eeebf3;--tone:#a69bb8}.yellow{--tint:#f5f0df;--tone:#bead77}.category-card h3{font-size:12px;font-weight:500;margin:0 0 4px}.category-card p{font-size:10px;color:#a0a69d;margin:0}.category-card .category-arrow{position:absolute;top:24px;right:16px;color:#c2ccc5}.category-arrow .icon{width:14px}.category-mini-progress{height:2px;background:#efeee7;margin-top:11px;border-radius:4px}.category-mini-progress span{display:block;height:2px;background:var(--tone);border-radius:4px}.list-section{scroll-margin-top:22px}.list-heading{margin-top:33px}.list-heading p{font-size:10px;color:#92998f;margin:7px 0 0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#5f8492;color:white;border-radius:8px;padding:11px 17px;font-size:11px;min-height:41px;transition:background .15s;white-space:nowrap}.primary:hover{background:#4e7180}.primary .icon{width:16px;height:16px}.secondary{border:1px solid var(--line);background:#f9f8f4;border-radius:8px;padding:10px 18px;font-size:12px;min-height:41px}.secondary:hover{background:#eeeee6}.list-toolbar{display:flex;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:17px;align-items:center}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs button{font-size:10px;padding:7px 11px;border-radius:6px;color:#8a9591;display:flex;align-items:center;gap:5px;min-height:32px}.filter-tabs button:hover{background:#ecefe9}.filter-tabs button.active{background:#e7edef;color:#62808b}.filter-tabs button .icon{width:12px;height:12px}.filter-tabs button span:not([data-icon]){font-size:9px;opacity:.8}.search{display:flex;gap:7px;align-items:center;color:#a2aba4;padding:8px 10px;background:var(--white);border:1px solid var(--line);border-radius:7px;width:205px;flex-shrink:0}.search .icon{width:14px;height:14px}.search input{width:100%;background:none;border:0;outline:0;font-size:10px;color:var(--ink);min-width:0}.search:focus-within{border-color:#8eabb5;box-shadow:0 0 0 2px #8eabb525}input::placeholder,textarea::placeholder{color:#adb4ae}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.item-card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:16px 16px 13px;position:relative;display:flex;gap:12px;min-width:0}.item-check{display:flex;align-items:flex-start;padding-top:2px;flex-shrink:0}.item-check input{appearance:none;width:18px;height:18px;border:1.5px solid #d6dcd3;border-radius:6px;cursor:pointer;margin:0;display:grid;place-content:center;background:#fff}.item-check input:checked{background:#91aaa1;border-color:#91aaa1}.item-check input:checked::after{content:'';width:8px;height:4px;border:solid white;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-1px)}.item-check input:focus-visible{outline:3px solid #8eabb5;outline-offset:3px}.item-body{min-width:0;flex:1}.item-title-row{display:flex;align-items:flex-start;gap:8px}.item-title{font-size:12px;font-weight:500;padding:0;text-align:left;overflow-wrap:anywhere;line-height:1.6;flex:1}.item-title:hover{color:#698d9a}.done .item-title{text-decoration:line-through;color:#9ba69a}.item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:9px;color:#a1aaa2;margin-top:5px}.tag{background:var(--tint);color:var(--tone);padding:2px 7px;border-radius:4px;max-width:100%;overflow-wrap:anywhere}.important-star{color:#c4af78;flex-shrink:0;padding-top:2px}.important-star .icon{width:13px;height:13px;fill:#c4af781c}.item-note{font-size:11px;color:#909b93;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.product-link,.add-detail{font-size:10px;color:#74939e;display:flex;align-items:center;gap:5px;padding:0;min-height:25px}.product-link .icon,.add-detail .icon{width:12px;height:12px}.product-link:hover{text-decoration:underline}.add-detail{color:#a2aba3}.card-actions{display:flex;gap:1px;margin-left:auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;width:30px;height:30px;color:#a0aaa2}.icon-button:hover{background:#eff1eb;color:#617c83}.icon-button .icon{width:15px;height:15px}.empty-state{grid-column:1/-1;text-align:center;padding:44px 20px;border:1px dashed #d6ded5;border-radius:12px}.empty-state>span{width:48px;height:48px;border-radius:50%;background:#e9eeea;display:grid;place-items:center;margin:0 auto 12px;color:#8a9f98}.empty-state h3{font:500 20px var(--serif);margin:0 0 9px}.empty-state p{font-size:12px;color:#8d9992;line-height:1.8;margin-bottom:18px}.note-card{display:block;min-height:170px;background:#fffcf0;padding:19px 21px;border-color:#eee9d8}.note-card .item-title{font:500 18px/1.5 var(--serif)}.note-card .item-note{color:#8c9287;margin-top:13px}.note-card .item-bottom{margin-top:18px}footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:14px;border-top:1px solid var(--line);margin-top:29px;padding:22px 0 28px;color:#9ba39a;font-size:9px}footer>div{display:flex;gap:18px}.save-status{display:flex;align-items:center;gap:6px}.save-status .icon{width:12px;height:12px;color:#96ada0}.footer-button{display:flex;gap:6px;align-items:center;font-size:9px;color:#8c9b92;padding:4px 0}.footer-button .icon{width:13px;height:13px}footer p{flex-basis:100%;margin:-4px 0 0;font-size:9px;color:#aab0a7}.save-status.error{color:#b56451}dialog{border:1px solid #e4e8df;border-radius:18px;background:var(--white);color:var(--ink);box-shadow:0 24px 100px #263e4a30;padding:29px;width:min(520px,calc(100% - 32px));max-height:90vh;overflow-y:auto}dialog::backdrop{background:#263b4560;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:9px}.dialog-heading h2{font-size:26px}.dialog-heading .icon-button{align-self:flex-start}.editor-tabs{background:#f0f2ec;border-radius:8px;padding:4px;display:flex;gap:4px;margin-bottom:22px}.editor-tabs button{flex:1;border-radius:5px;padding:8px;font-size:12px;color:#8b978f}.editor-tabs .active{background:white;color:#678695;box-shadow:0 2px 6px #34484e08}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;font-size:12px}.field>span{color:#78867d}.field b{color:#9aafa6;font-weight:400}.field small{font-size:10px;color:#a8b0a8;font-weight:400;margin-left:4px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border-radius:8px;border:1px solid #e2e7dd;background:#fffefa;color:var(--ink);outline:none;font-size:12px;min-height:42px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8eaeb7;box-shadow:0 0 0 3px #8eaeb715}.field textarea{resize:vertical;line-height:1.7;min-height:90px}.field-row{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.field-error{color:#b76d58!important;font-size:11px}.field-error:empty{display:none}.important-check{display:flex;align-items:center;gap:8px;color:#94957c;font-size:12px}.important-check .icon{width:15px;height:15px}.important-check input{accent-color:var(--blue);width:16px;height:16px;margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}#confirm-dialog p{font-size:13px;line-height:1.8;color:#88948c}.toast{position:fixed;bottom:25px;left:calc(50% + 116px);transform:translate(-50%,25px);background:#3e5960;color:#fffdf6;box-shadow:0 8px 30px #34484e22;padding:13px 18px;border-radius:10px;z-index:100;font-size:12px;display:flex;align-items:center;gap:20px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px)}.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.toast button{color:#e9d6a8;text-decoration:underline;font-size:12px;white-space:nowrap}[hidden]{display:none!important}
@media(min-width:1500px){main{padding-top:40px}.hero{min-height:320px}.category-card{padding:21px}.category-icon{width:43px;height:43px}.category-card h3{font-size:13px}.hero-art{right:45px}.topbar{padding-left:60px;padding-right:60px}.sidebar{width:250px;padding-left:24px;padding-right:24px}.workspace{margin-left:250px}}
@media(max-width:1150px){.sidebar{width:205px;padding:30px 14px}.brand{font-size:29px}.brand small{font-size:7px}.workspace{margin-left:205px}main{padding:27px 28px 0}.topbar{padding:0 28px}.hero{padding:27px;min-height:270px}.hero-art{width:42%;right:-9px}.hero h1{font-size:33px}.category-card{padding:14px}.toast{left:calc(50% + 102px)}.list-toolbar{flex-wrap:wrap}.search{width:190px}.filter-tabs button{padding:7px 8px}}
@media(max-width:900px){.sidebar{width:78px;padding:25px 12px}.brand{margin:0 auto 30px;font-size:0;gap:0}.brand>span:last-child,.sidebar-caption,.nav-button .nav-label,.nav-count,.new-section,.sidebar-bottom{display:none!important}.brand-icon{width:44px;height:44px}.nav-button{justify-content:center;padding:12px}.nav-button .icon{width:20px;height:20px}.workspace{margin-left:78px}.nav-divider{margin:12px 4px}.hero-art{opacity:.9;width:40%;right:-10px}.hero h1{font-size:32px}.hero{min-height:260px}.hero p{font-size:11px}.hero-bottom{font-size:9px}h2{font-size:22px}.toast{left:calc(50% + 39px)}.filter-tabs{gap:1px}}
@media(max-width:650px){.sidebar{position:static;width:100%;height:72px;padding:14px 20px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.brand{font-size:27px;margin:0;gap:8px;letter-spacing:-1px}.brand>span:last-child{display:block!important}.brand small{display:none}.brand-icon{width:35px;height:37px;border-radius:12px}.brand-icon .icon{width:22px;height:22px}.sidebar nav{flex-direction:row;gap:5px}.sidebar .nav-button{display:none}.sidebar .nav-button[data-view="all"],.sidebar .nav-button[data-view="notes"]{display:flex;padding:10px;min-height:38px}.nav-divider{display:none}.workspace{margin-left:0}.topbar{height:49px;padding:0 20px;font-size:9px}.private-label{font-size:9px}.breadcrumb .separator,.breadcrumb #breadcrumb-label{display:none}main{padding:18px 18px 0}.hero{padding:23px 23px 27px;min-height:300px;align-items:flex-start;border-radius:14px}.hero h1{font-size:32px;letter-spacing:-.9px;margin-top:13px}.hero .eyebrow{font-size:8px}.hero-art{height:177px;width:210px;bottom:-2px;right:-12px;opacity:.95}.hero p{font-size:11px;max-width:230px;margin-top:11px;position:relative;z-index:1}.hero-bottom{margin-top:20px;width:140px;gap:7px;font-size:9px}.heart-seal{flex-shrink:0}.progress-strip{padding:18px 1px;gap:15px;align-items:flex-start}.progress-label strong{font-size:10px}.progress-label span:not(.progress-icon){font-size:8px;max-width:145px}.progress-icon{width:32px;height:34px;border-radius:9px}.progress-icon .icon{width:18px}.progress-label{gap:8px}.progress-track{width:36%;padding-top:2px;flex-shrink:0}.progress-caption{font-size:8px;margin-bottom:7px}.section-heading{margin-top:23px;gap:10px}.section-heading .eyebrow{font-size:7px}h2{font-size:21px}.text-button{font-size:9px;gap:2px}.text-button .icon{width:12px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-card{padding:14px 15px}.category-icon{width:33px;height:33px;margin-bottom:9px}.category-icon .icon{width:20px;height:20px}.category-card h3{font-size:12px}.category-card p{font-size:9px}.category-mini-progress{margin-top:10px}.list-heading{align-items:flex-start;flex-wrap:wrap;gap:15px;margin-top:27px}.list-heading p{font-size:10px;line-height:1.6}.list-heading .primary{width:100%;font-size:12px}.list-toolbar{gap:12px}.search{width:100%;padding:10px 12px;order:-1}.search input{font-size:12px}.search .icon{width:16px;height:16px}.filter-tabs{width:100%;justify-content:space-between;gap:2px}.filter-tabs button{padding:7px 8px;font-size:10px}.results{grid-template-columns:1fr;gap:10px}.item-card{padding:17px}.item-title{font-size:13px}.item-meta{font-size:10px}.item-note{font-size:12px}.item-bottom{margin-top:11px}.product-link,.add-detail{font-size:11px}.card-actions{gap:5px}.icon-button{width:32px;height:32px}.toast{left:50%;width:max-content;bottom:18px}.toast.show{transform:translate(-50%,0)}footer{gap:16px;padding-top:19px}footer p{font-size:9px;line-height:1.8}footer>div{gap:18px}.save-status{flex-basis:100%;font-size:10px}.footer-button{font-size:10px}dialog{padding:23px 21px}.dialog-heading h2{font-size:24px}.field-row{grid-template-columns:1fr 1fr;gap:10px}.field input,.field select,.field textarea{font-size:16px}.dialog-heading .eyebrow{font-size:7px}.note-card .item-title{font-size:18px}.empty-state{padding:35px 18px}}
@media(max-width:650px){.hero{min-height:340px}.hero-art{height:145px;width:172px;bottom:0;right:-4px}.hero p{max-width:265px}.hero-bottom{max-width:145px}.section-heading .eyebrow{color:#778b82}.category-card p{color:#7d8a80}.item-meta{color:#7b8b7e}.item-note{color:#78877d}.add-detail{color:#7d9289}.list-heading p{color:#7e8b80}.filter-tabs button{color:#74877b}}
.auth-page{min-height:100vh;background:radial-gradient(ellipse at 15% 20%,#e9f0ee 0,transparent 50%),radial-gradient(ellipse at 90% 90%,#e8eef3 0,transparent 50%),var(--paper)}.auth-main{max-width:520px;padding:40px 24px 24px;margin:auto}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;font:600 38px var(--serif);letter-spacing:-1.5px;margin-bottom:30px}.auth-brand img{border-radius:14px}.auth-card{position:relative;padding:38px 38px 24px;background:var(--white);border:1px solid #e2e8e1;border-radius:24px;box-shadow:0 14px 45px #48666c08}.auth-decoration{position:absolute;right:32px;top:26px;font:38px var(--serif);color:#b4c6be}.auth-card>.eyebrow{font-size:9px;color:#83998e}.auth-card h1{font-size:35px;letter-spacing:-1px;margin-top:20px}.auth-card>p{font-size:13px;line-height:1.9;color:#7e918a}.auth-card form{margin-top:25px}.auth-card .field{font-size:12px}.auth-card input{font-size:16px;padding:13px 14px;min-height:48px;background:#fdfdf9}.auth-submit{width:100%;font-size:13px;min-height:47px;margin-top:2px}.auth-card .auth-help{font-size:11px;line-height:1.8;color:#94a197;margin-top:22px}.auth-card .auth-error{border:1px solid #edd2c9;background:#fff4f0;color:#ac6c55;padding:10px 12px;border-radius:8px;font-size:12px}.auth-resend{display:flex;justify-content:space-between;gap:10px;margin:20px 0 0}.auth-resend button{font-size:11px;white-space:normal;text-align:left;color:#698b90}.auth-features{display:flex;justify-content:space-between;border-top:1px solid var(--line);gap:12px;margin-top:25px;padding-top:20px;color:#91a295;font-size:10px}.auth-footer{text-align:center;font:italic 13px var(--serif);color:#a4afa2;margin:23px 0}.auth-card #login-code{letter-spacing:3px;font-size:20px}.auth-card #login-code::placeholder{letter-spacing:0;font-size:14px}.boot-overlay{position:fixed;inset:0;background:var(--paper);z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.boot-overlay img{margin-bottom:25px}.boot-overlay p{color:#8b9d91;font-size:13px;max-width:380px;line-height:1.8}.boot-overlay a{margin-top:20px;color:var(--blue);text-decoration:underline}.account-controls{display:flex;align-items:center;gap:12px;min-width:0;color:#78918b}.account-controls span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:11px}.account-controls button{font-size:11px;border:1px solid #dce5dd;border-radius:6px;padding:6px 10px;white-space:nowrap}.account-controls button:hover{background:#eaf0e9}.migration-banner{border:1px solid #e6dabc;background:#fbf7e9;border-radius:12px;display:flex;gap:18px;align-items:center;padding:18px 20px;margin-bottom:20px}.migration-banner p{font-size:12px;color:#968d72;margin:0;line-height:1.8}.migration-banner button{white-space:nowrap;font-size:11px}.save-status{min-height:20px}
@media(max-width:650px){.auth-main{padding:28px 20px}.auth-brand{font-size:34px;margin-bottom:24px}.auth-card{padding:30px 24px 22px;border-radius:20px}.auth-card h1{font-size:32px}.auth-decoration{right:22px;top:23px}.auth-card .auth-help{font-size:11px}.auth-features{font-size:9px}.auth-resend{gap:15px}.account-controls{gap:7px}.account-controls span{max-width:150px;font-size:9px}.account-controls button{font-size:9px;padding:5px 8px}.topbar .breadcrumb{font-size:0;gap:0}.topbar .breadcrumb .icon{width:16px;height:16px}.migration-banner{display:block;padding:16px}.migration-banner button{margin-top:12px;width:100%}}
.product-variants{margin-top:14px}.variants-heading{display:flex;align-items:center;gap:7px;font-size:9px;color:#81958a;margin:0 0 7px}.variants-heading>span{background:#edf1eb;border-radius:10px;padding:1px 6px;font-size:9px}.product-links{list-style:none;padding:0;margin:0;display:grid;gap:5px}.product-option{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 10px;border:1px solid #e5ebe4;border-radius:8px;background:#f7f9f5;color:#658592;transition:background .15s,border-color .15s}.product-option:hover{background:#edf3f1;border-color:#b9cfc9}.option-number{font-size:9px;color:#98aaa0;flex-shrink:0;width:13px}.option-text{min-width:0;flex:1;display:grid;gap:2px;overflow-wrap:anywhere}.option-text strong{font-size:11px;font-weight:500;line-height:1.5}.option-text small{font-size:9px;color:#8a9b91}.product-option>.icon{width:13px;height:13px;flex-shrink:0}.links-field{min-width:0;padding:0;margin:0 0 20px;border:0}.links-field legend{font-size:12px;color:#78867d;padding:0}.links-field legend small{font-size:10px;color:#a8b0a8;margin-left:4px}.links-hint{font-size:11px;line-height:1.7;color:#8a998e;margin:7px 0 12px}.link-editor-row{padding:10px 13px 13px;background:#f5f7f1;border:1px solid #e3e9df;border-radius:10px;margin-bottom:10px}.link-row-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.link-row-title{font-size:10px;color:#80958a;font-weight:500}.link-row-heading .icon-button{width:28px;height:28px}.link-editor-row .field{margin-bottom:10px;font-size:11px;gap:5px}.link-editor-row .field:last-child{margin-bottom:0}.link-editor-row .field input{min-height:38px;padding:9px 11px;font-size:12px;background:#fffefa}.field input[aria-invalid="true"]{border-color:#c68d76}.add-link-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #cbd9cc;border-radius:8px;color:#749186;min-height:38px;width:100%;font-size:11px;background:#fbfcf8}.add-link-button .icon{width:14px;height:14px}.add-link-button:hover{background:#eef3eb}.add-link-button:disabled{opacity:.5;cursor:default}.product-option:focus-visible,.add-link-button:focus-visible{outline:2px solid #7c9ea7;outline-offset:3px}
@media(max-width:650px){.link-editor-row{padding:9px 11px 12px}.link-editor-row .field input{font-size:16px;min-height:43px}.link-editor-row .field{font-size:12px}.option-text strong{font-size:12px}.option-text small{font-size:10px}.product-option{padding:10px}.variants-heading{font-size:10px}.link-row-heading .icon-button{width:34px;height:34px}}
.option-price{flex-shrink:0;white-space:nowrap;font-size:12px;font-weight:600;color:#608876;background:#eaf1e7;border-radius:6px;padding:5px 7px}.saved-price-hint{font-size:9px;color:#8c9b91;line-height:1.6;margin:7px 0 0}.link-price-row{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.link-price-row .field{min-width:0;margin-bottom:0}.link-price-row .field small{display:block;margin-left:0;margin-top:3px}.links-hint.price-help{margin-top:9px;margin-bottom:16px}.option-text strong{overflow-wrap:anywhere}.option-text small{overflow-wrap:anywhere}
@media(max-width:650px){.option-price{font-size:12px;padding:5px 6px}.saved-price-hint{font-size:10px}.link-price-row{grid-template-columns:1fr;gap:10px}.link-price-row .field small{display:inline;margin-left:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}