@media (width>=1550px){.app-main{padding-left:52px;padding-right:52px}.topbar{padding-left:35px;padding-right:52px}.note-card{padding:26px}.note-cover{width:165px;height:125px}}@media (width<=1180px){.sidebar{width:208px}.brand{width:170px}.topbar{gap:18px;padding:0 24px}.app-main{margin-left:208px;padding:104px 25px 0}.page-columns{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.hero{padding:27px 23px}.hero h1{font-size:25px}.hero-art{width:170px;right:0}.hero-copy{max-width:78%}.note-card{gap:16px;padding:18px}.note-cover{width:116px;height:104px}.note-title h2{font-size:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-layout{grid-template-columns:minmax(0,1fr) 225px}.user-grid,.tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.global-search{max-width:320px}.account-menu summary>span{display:none}}@media (width<=960px){.page-columns{grid-template-columns:1fr}.side-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-quote,.rail-cta{display:none}.editor-layout{grid-template-columns:1fr}.editor-side{grid-template-columns:1fr 1fr;position:static}.article-panel{padding:28px}.global-search{flex:1;width:auto}.topbar-actions{gap:12px}.compose-shortcut span{display:none}.compose-shortcut{padding:8px!important}.topbar{gap:15px}.brand{width:158px}.brand small{font-size:7px}.brand{font-size:19px}.cart-row{grid-template-columns:20px 52px minmax(0,1fr) 65px 75px 28px;gap:9px}.cart-row>img,.cart-row>.product-placeholder{width:52px;height:52px}.cart-row input[type=number]{width:60px}.checkout-bar{flex-wrap:wrap}.settings-layout{grid-template-columns:150px minmax(0,1fr)}}@media (width<=760px){.topbar{gap:12px;height:66px;padding:0 16px}.brand{width:auto;font-size:18px}.brand-mark{border-radius:9px 9px 9px 3px;width:31px;height:33px;font-size:17px}.brand small{letter-spacing:1.4px;margin-top:3px;font-size:6px}.global-search{display:none}.mobile-menu{margin-left:5px;display:inline-flex}.topbar-actions{gap:8px;margin-left:auto}.header-account{gap:7px}.topbar .btn{padding:7px 11px;font-size:10px}.sidebar{width:225px;box-shadow:12px 0 30px var(--shadow-color);transition:transform .2s;top:66px;transform:translate(-100%)}.nav-open .sidebar{transform:translate(0)}.app-main{margin-left:0;padding:87px 17px 0}.page-header h1{font-size:24px}.page-header{flex-wrap:wrap;align-items:flex-start;gap:12px}.page-header .actions{width:auto}.hero{min-height:210px}.hero h1{font-size:24px}.hero-copy{max-width:80%}.hero-art{opacity:.5;width:145px;right:-18px}.hero-sun{right:35px}.hero p{font-size:10px}.hero-bottom{gap:10px;font-size:9px}.side-rail{display:none}.note-card{gap:14px;padding:18px}.note-title h2{font-size:16px}.note-cover{width:105px;height:98px}.note-excerpt{-webkit-line-clamp:2;font-size:10px}.note-metrics{gap:9px;font-size:9px}.filter-bar{gap:8px}.tabs{gap:18px}.filter-hint{font-size:9px}.note-card .owner-edit{position:absolute;bottom:13px;right:16px}.note-card:has(.owner-edit){padding-bottom:50px}.page-footer{margin-top:30px;font-size:9px}.panel{padding:20px}.tag-grid{gap:12px}.tag-card{padding:20px}.user-card{padding:22px 15px}.profile-cover{height:135px}.profile-body{padding:0 20px 20px}.profile-identity{gap:11px}.profile-identity h1{font-size:21px}.profile-identity .avatar.xlarge{width:76px;height:76px;font-size:27px}.profile-identity .btn{padding:7px 11px;font-size:10px}.profile-stats{gap:18px}.article-panel{padding:24px 20px}.article-panel>h1{font-size:25px}.prose{font-size:13px}.article-images{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{grid-template-columns:1fr;gap:24px}.product-gallery>img{max-height:350px}.product-cover{height:165px}.product-card-body{padding:14px}.product-card h3{font-size:13px}.product-card .price{font-size:16px}.product-card p{font-size:10px}.product-grid{gap:13px}.form-grid{gap:15px}.editor-side{grid-template-columns:1fr}.editor-title{font-size:21px}.editor-content{min-height:340px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-wrap:wrap;gap:5px;display:flex}.settings-nav a{padding:7px 12px;font-size:11px}.address-grid{grid-template-columns:1fr}.ledger-row{grid-template-columns:1fr 100px;gap:10px}.ledger-row .balance-after{grid-column:2;margin-top:-5px;font-size:10px}.balance-card{padding:25px 22px}.balance-card strong{font-size:32px}.detail-grid{gap:18px}.cart-row{grid-template-columns:20px 48px 1fr 28px;gap:10px;padding-bottom:55px;position:relative}.cart-row .cart-quantity{position:absolute;bottom:14px;left:78px}.cart-row .cart-subtotal{position:absolute;bottom:17px;right:5px}.checkout-bar{gap:12px;padding:15px;bottom:10px}.checkout-bar select{width:100%;max-width:none}.checkout-bar .checkout-address{width:100%}.conflict-grid{grid-template-columns:1fr}.link-editor-row{grid-template-columns:1fr auto}.link-editor-row input[name=linkUrl]{grid-area:2/1}.link-editor-row button{grid-area:1/2/3}.notice-row{gap:10px;padding:16px}.notice-row .avatar{width:28px;height:28px}.modal-body{padding:20px}.modal-heading{padding:16px 20px}}@media (width<=420px){.app-main{padding-left:12px;padding-right:12px}.brand{font-size:16px}.brand-mark{width:29px}.topbar{gap:5px;padding:0 12px}.compose-shortcut{display:none}.hero{padding:24px 20px}.hero h1{font-size:22px}.hero-copy{max-width:90%}.hero-art{opacity:.25}.note-cover{width:85px;height:85px}.note-card{gap:10px;padding:15px}.note-title h2{font-size:15px}.tag-list a{font-size:8px}.note-metrics{gap:7px}.product-grid{grid-template-columns:1fr}.product-cover{height:230px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.user-grid,.tag-grid{grid-template-columns:1fr}.profile-identity{flex-wrap:wrap}.profile-identity>.actions{width:100%}.tabs{gap:15px}.tabs a,.tabs button{font-size:11px}.media-card>img,.media-card>button>img{height:120px}.pagination{gap:8px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=960px){.profile-grid{grid-template-columns:1fr}}.note-excerpt{color:var(--text-secondary);font-size:12px}.byline{color:var(--text-secondary)}.byline>a{overflow-wrap:anywhere;min-width:0}.byline>a>span{overflow-wrap:anywhere}.rail-note,.profile-bio{color:var(--text-secondary)}.note-card .byline{font-size:11px}.page-footer{justify-content:flex-end}:is(.panel,.note-card,.product-card,.tag-card,.media-card,.page-header>div,.profile-identity>div,.mini-product>div){min-width:0}:is(h1,h2,h3,h4,p,.muted,.username,.hint,.field,.tag-list a,.tag-list span,.profile-links a){overflow-wrap:anywhere}.btn,.badge,.filter-pill{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%}:is(.between,.filter-bar,.rail-title,.section-title,.profile-stats,.pagination){flex-wrap:wrap}.user-card{flex-direction:column;align-items:center;gap:8px;display:flex}.user-card .avatar{margin:0 0 4px}.user-card>h3,.user-card>.muted,.user-card>p{overflow-wrap:anywhere;width:100%;min-width:0;margin:0}.user-card>h3{line-height:1.5}.user-card>.muted,.user-card>p{line-height:1.8}.user-card>.btn{flex-shrink:0;margin:auto 0 0}.product-card{flex-direction:column;display:flex}.product-cover{flex-shrink:0}.product-card-body{flex-direction:column;flex:1;min-width:0;display:flex}.product-card p{height:auto;min-height:3.6em;overflow:visible}.product-card .between{margin-top:auto}.topic-row>a{overflow-wrap:anywhere;min-width:0}.topic-row>small,.topic-number{flex-shrink:0}.note-metrics,.profile-identity{flex-wrap:wrap}.profile-identity>.actions{flex:0 auto}.profile-identity .username{overflow-wrap:anywhere;display:block}.order-body,.ledger-row{grid-template-columns:minmax(0,1fr) auto}.ledger-row{grid-template-columns:minmax(0,1fr) 140px 130px}.cart-row>div{overflow-wrap:anywhere;min-width:0}@media (width<=760px){.ledger-row{grid-template-columns:minmax(0,1fr) minmax(80px,100px)}.balance-card{flex-wrap:wrap}}.music-compose{align-items:center;gap:10px;min-width:0;display:flex}.music-player{border:1px solid var(--line);background:var(--surface-soft);width:clamp(400px,31vw,480px);color:var(--text-secondary);border-radius:11px;flex-shrink:0;padding:8px 12px 7px;position:relative}.music-main{align-items:center;gap:12px;min-width:0;display:flex}.music-info{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.music-info>svg{color:var(--accent-text)}.music-info>div{min-width:0;line-height:1.35;display:grid}.music-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:15px;font-weight:650;display:block;overflow:hidden}.music-state{color:var(--muted);font-size:12px}.music-controls{flex-shrink:0;align-items:center;gap:3px;display:flex}.music-controls>button,.music-options>summary{width:32px;height:34px;color:var(--text-secondary);background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:5px;display:inline-flex}.music-controls>button:hover,.music-options>summary:hover{background:var(--accent-soft);color:var(--accent-text)}.music-controls>.music-play{background:var(--accent);width:37px;height:36px;color:var(--on-accent)}.music-controls>.music-play:hover{background:var(--accent-dark);color:var(--on-accent)}.music-controls>button:disabled{opacity:.38;cursor:not-allowed}.music-timeline{align-items:center;gap:10px;margin-top:4px;display:flex}.music-timeline>span{text-align:right;font-variant-numeric:tabular-nums;min-width:82px;color:var(--text-secondary);font-size:12px;line-height:1.4}.music-player input[type=range]{appearance:none;accent-color:var(--accent);cursor:pointer;background:0 0;border:0;min-width:0;height:13px;margin:0;padding:0}.music-player input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--music-progress,0%), var(--line) var(--music-progress,0%));border-radius:3px;height:3px}.music-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--surface);background:var(--accent);border-radius:50%;width:10px;height:10px;margin-top:-3.5px}.music-player input[type=range]::-moz-range-track{background:var(--line);border-radius:3px;height:3px}.music-player input[type=range]::-moz-range-progress{background:var(--accent);height:3px}.music-player input[type=range]::-moz-range-thumb{border:1px solid var(--surface);background:var(--accent);border-radius:50%;width:9px;height:9px}.music-timeline>input{flex:1;width:100%}.music-player input:disabled{cursor:not-allowed;opacity:.4}.music-options>summary{cursor:pointer;list-style:none}.music-options>summary::-webkit-details-marker{display:none}.music-options[open]>summary{background:var(--accent-soft);color:var(--accent-text)}.music-popover{z-index:45;border:1px solid var(--line);width:340px;max-width:calc(100vw - 28px);max-height:min(600px,100svh - 110px);box-shadow:0 12px 40px var(--shadow-color);background:var(--surface);border-radius:12px;gap:14px;padding:19px;display:grid;position:absolute;top:calc(100% + 9px);right:0;overflow-y:auto}.music-popover h3{color:var(--text);margin:0;font-size:16px}.music-popover label{color:var(--text-secondary);gap:8px;font-size:14px;display:grid;position:relative}.music-popover select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:6px;padding:10px;font-size:14px}.music-popover output{color:var(--accent-text);font-size:13px;position:absolute;top:0;right:0}.music-popover input[type=range]{width:100%}.music-popover label.music-autoplay{color:var(--text);align-items:center;gap:10px;display:flex}.music-autoplay input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:0}.music-setting-hint{color:var(--muted);margin:-6px 0 0;font-size:12px;line-height:1.7}.music-feedback{color:var(--text-secondary);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.8}.music-feedback:empty{display:none}.music-refresh,.music-import,.music-remove{border:1px solid var(--line);background:var(--surface-soft);min-height:38px;color:var(--accent-text);border-radius:7px;padding:8px 12px;font-size:13px}.music-library-actions{flex-wrap:wrap;gap:8px;display:flex}.music-import{background:var(--accent);color:var(--on-accent);border-color:var(--accent);justify-content:center;align-items:center;gap:6px;display:inline-flex}.music-remove{color:var(--danger-text);background:var(--danger-soft);border-color:var(--danger-line)}.music-local-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.is-playing .music-info>svg{color:var(--accent)}body .topbar{grid-template-columns:170px minmax(80px,1fr) auto;gap:16px;height:92px;padding:0 22px;display:grid}body .sidebar{top:92px}body .app-main{padding-top:122px}body .global-search{width:100%;max-width:420px}body .topbar .brand{width:fit-content;min-width:0}body .topbar-actions{gap:12px}@media (width<=1440px){body .account-menu summary>span:not(.avatar){display:none}}@media (width>=761px) and (width<=1250px){body .topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand account""music music";align-content:center;gap:9px 14px;height:150px;padding:10px 20px}body .topbar .brand{grid-area:brand;width:fit-content}body .global-search{display:none}body .topbar .topbar-actions{display:contents}body .topbar .music-compose{grid-area:music;width:100%}.music-player{flex:1;width:auto;min-width:0}body .topbar .header-account{grid-area:account}body .topbar .compose-shortcut span{display:inline}body .topbar .compose-shortcut{padding:10px 15px!important}body .sidebar{top:150px}body .app-main{padding-top:180px}}@media (width<=760px){body .topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand menu""actions actions";align-content:center;gap:8px 12px;height:200px;padding:10px 16px}body .topbar .brand{grid-area:brand;width:fit-content;font-size:18px}body .topbar .mobile-menu{grid-area:menu;justify-self:end;padding:6px}body .global-search{display:none}body .topbar .topbar-actions{grid-area:actions;gap:8px;width:100%;margin:0;display:grid}.music-compose{gap:9px;width:100%}.music-player{flex:1;width:auto;min-width:0}.music-popover{max-height:min(600px,100svh - 180px);left:0;right:auto}body .topbar .music-compose .compose-shortcut{flex-shrink:0;align-self:center;display:inline-flex;padding:8px!important}body .compose-shortcut span{display:none}body .topbar .header-account{gap:8px;width:100%}body .topbar .wallet-shortcut{margin-right:auto}body .sidebar{top:200px}body .app-main{padding-top:220px}}@media (width<=600px){body .topbar{height:232px}body .sidebar{top:232px}body .app-main{padding-top:252px}.music-main{flex-wrap:wrap;gap:7px}.music-info{flex-basis:100%}.music-controls{justify-content:flex-end;width:100%}.music-player{padding:8px 10px}.music-title{font-size:15px}.music-popover select{font-size:16px}.music-popover{max-height:min(600px,100svh - 205px)}}@media (width<=360px){body .topbar{padding-left:10px;padding-right:10px}body .topbar .header-account{gap:6px}}.hero-with-mascot{--hero-mascot-width:clamp(210px, 38%, 330px)}.hero-with-mascot .hero-copy{max-width:calc(100% - var(--hero-mascot-width) + 28px)}.hero-mascot{width:var(--hero-mascot-width);pointer-events:none;height:100%;max-height:330px;position:absolute;bottom:0;right:0}.hero-mascot img{object-fit:contain;object-position:right bottom;width:108%;height:108%;display:block;position:absolute;bottom:-7%;right:-3%}.hero-with-mascot{container-type:inline-size}.hero-mascot .mascot-button{width:100%;height:100%;box-shadow:none;cursor:pointer;pointer-events:auto;transform-origin:50% 100%;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18px;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0}.hero-mascot .mascot-button.is-pressed{transform:scaleY(.88)scaleX(1.05)}.hero-mascot .mascot-button:focus-visible{outline:3px dashed var(--accent);outline-offset:-9px}.hero-mascot img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mascot-speech{z-index:3;pointer-events:none;width:210px;height:140px;color:var(--accent-text);position:absolute;bottom:42%;right:calc(100% - 24px)}.mascot-cloud,.mascot-puff{background:var(--surface);border:2px solid var(--accent-line);opacity:0;transition:opacity .2s,transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;transform:scale(.7)}.mascot-cloud{box-shadow:0 7px 22px var(--shadow-color);border-radius:50%;place-items:center;transition-delay:.1s;display:grid;inset:0 5% 22% 0}.mascot-puff-one{border-radius:50%;width:20px;height:15px;transition-delay:.2s;bottom:14%;right:22%}.mascot-puff-two{border-radius:50%;width:13px;height:10px;transition-delay:.3s;bottom:2%;right:10%}.mascot-speech.is-visible .mascot-cloud,.mascot-speech.is-visible .mascot-puff{opacity:1;transform:scale(1)}.mascot-speech.is-visible .mascot-puff-two{transition-delay:0s}.mascot-speech.is-visible .mascot-puff-one{transition-delay:.13s}.mascot-speech.is-visible .mascot-cloud{transition-delay:.26s}.mascot-words{letter-spacing:1px;white-space:nowrap;align-items:baseline;font-size:22px;font-weight:650;display:flex}.mascot-letter{opacity:0;display:inline-block}.mascot-speech.is-visible .mascot-letter{animation:.24s ease-out both mascot-letter-in;animation-delay:calc(.36s + var(--letter-delay))}@keyframes mascot-letter-in{0%{opacity:0;transform:translateY(5px)scale(.85)}to{opacity:1;transform:none}}@container (width<=650px){.mascot-speech{width:160px;height:105px;top:8px;bottom:auto;right:12px}.mascot-words{font-size:18px}}@media (width<=600px){.hero-with-mascot{--hero-mascot-width:190px;padding-bottom:180px}.hero-with-mascot .hero-copy{max-width:100%}.hero-mascot{height:190px}.mascot-speech{width:160px;height:110px;top:auto;bottom:24%;right:calc(100% - 70px)}}@media (prefers-reduced-motion:reduce){.hero-mascot .mascot-button,.mascot-cloud,.mascot-puff{transition:none}.hero-mascot .mascot-button.is-pressed{transform:none}.mascot-speech.is-visible .mascot-letter{opacity:1;animation:none}}