:root{--color-bg:#f6f4ef;--color-surface:#ffffff;--color-ink:#1f1f1f;--color-muted:#5c5c5c;--color-accent:#147a6e;--color-accent-strong:#0f5a52;--color-border:#e5e0d8;--color-highlight:#f0e7d9;--shadow-soft:0 12px 30px rgba(0, 0, 0, 0.08);--shadow-tight:0 6px 16px rgba(0, 0, 0, 0.08);--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--max-width:1100px;--bottom-nav-height:64px}*,::after,::before{box-sizing:border-box}body,h1,h2,h3,h4,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}img{max-width:100%;display:block}button,input,select{font:inherit}select{padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fffdf9}.table-wrap{overflow-x:auto}.table{font-size:.95rem}.table,.table-with-borders{width:100%;border-collapse:collapse}.table-with-borders td,.table-with-borders th{border:1px solid var(--color-border);padding:var(--space-2);text-align:left}.table td,.table th{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}.detail-row dt,.table th{font-weight:700;color:var(--color-muted)}.phrase-text-line{line-height:1.5}.phrase-pretext{display:inline-block;padding:0 var(--space-2);border-radius:var(--radius-sm);background:#ece8df;color:var(--color-muted)}.detail-list,.detail-row{display:grid;gap:var(--space-3)}.detail-row{grid-template-columns:minmax(160px,220px) 1fr;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.cookie-banner__content p,.detail-row dd{margin:0}body{min-height:100vh;color:var(--color-ink);background:linear-gradient(160deg,#f8f6f1 0,#f1ebe1 40%,#f7f0e4 100%);font-family:ui-sans-serif,"Segoe UI","Noto Sans","Liberation Sans",sans-serif;line-height:1.6}.content-wrap{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-5)}.site-main{padding:var(--space-7)0 var(--space-8)}.site-header{position:sticky;top:0;z-index:10;background:rgba(246,244,239,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:var(--max-width);margin:0 auto;padding:var(--space-4) var(--space-5)}.logo{font-family:ui-serif,Georgia,"Times New Roman",serif;font-size:1.5rem;font-weight:700;color:var(--color-ink);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.logo-mark{width:28px;height:28px;display:inline-block}.site-nav{margin-left:auto}.nav-list{display:flex;gap:var(--space-5);align-items:center}.nav-link{text-decoration:none;color:var(--color-muted);font-weight:600;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color .2s ease,background .2s ease;display:inline-flex;align-items:center;gap:var(--space-2)}.nav-icon{display:inline-flex;width:18px;height:18px;color:currentColor}.emoji-icon{font-size:.95rem;margin-right:var(--space-2)}.nav-icon svg{width:100%;height:100%}.nav-link.is-active{color:var(--color-ink);background:var(--color-highlight)}.nav-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.feedback-chat-launcher{position:relative}.feedback-chat-launcher.has-unread{color:var(--color-accent-strong);background:#e8f3f1;font-weight:700}.page-header{margin-bottom:var(--space-4)}.eyebrow,h2{margin-bottom:var(--space-2)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--color-muted)}h1{font-size:clamp(2rem,2.8vw,3rem);line-height:1.1;margin-bottom:var(--space-3);font-family:ui-serif,Georgia,"Times New Roman",serif}h2{font-size:1.25rem}.page-subtitle{font-size:1.05rem;color:var(--color-muted);max-width:700px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft)}.card[data-accordion]{padding:var(--space-3) var(--space-4)}.card[data-accordion]:not([open]){padding:var(--space-2) var(--space-3)}.card[data-accordion]>summary{list-style:none;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2)}.card[data-accordion]>summary::-webkit-details-marker{display:none}.card[data-accordion] .accordion-caret{font-size:1rem;line-height:1;transition:transform .2s ease}.card[data-accordion][open] .accordion-caret{transform:rotate(90deg)}.alert{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);border:1px solid transparent;font-weight:600}.alert-error{background:#fff2f0;border-color:#f2b8b5;color:#8b1a10}.is-hidden{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5)}.stack{display:grid;gap:var(--space-4)}.tight-stack{gap:var(--space-1)}.action-list,.list{padding-left:var(--space-4);list-style:disc}.list{margin-top:var(--space-3)}.list.list-tight{margin-top:var(--space-2)}.action-list{display:grid;gap:var(--space-2)}.action-list a{display:inline-block}.action-list .is-highlight{background:#d9f3d8;border:1px solid #7cbf7a;color:#1f5b2a}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--color-highlight);font-size:.9rem}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.vocab-menu{display:flex;flex-wrap:nowrap;gap:var(--space-2);margin-bottom:var(--space-4);justify-content:flex-start;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch}.vocab-menu .btn,.vocab-menu .pagination-label{font-size:1.1rem;padding:var(--space-2) var(--space-4)}.vocab-menu .btn.is-active,.vocab-switch .btn.is-active{font-weight:700;border-color:var(--color-accent);color:var(--color-accent)}.vocab-menu svg{width:24px;height:24px;display:block}.vocab-menu-inline{flex-direction:row;align-items:center}.vocab-menu-inline .btn,.vocab-menu-inline .pagination-label{font-size:1.1rem}.vocab-menus,.vocab-switch{display:flex;gap:var(--space-2)}.vocab-menus{flex-direction:column}.vocab-switch{flex-wrap:wrap}.myvocab-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.myvocab-menu-grid .btn{width:100%;justify-content:center}.myvocab-stats-table td:not(:first-child),.myvocab-stats-table th:not(:first-child){text-align:center;white-space:nowrap}.learning-actions .myvocab-menu-grid{position:static;right:auto;left:auto;bottom:auto;background:0 0;padding:0;border-radius:0;backdrop-filter:none}.vocab-pagination{display:flex;flex-direction:row;gap:var(--space-2);align-items:center;min-height:0}.vocab-pagination .btn,.vocab-pagination .pagination-label{min-height:0;padding-top:var(--space-1);padding-bottom:var(--space-1);display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center}.pagination-btn.is-disabled{opacity:.4;pointer-events:none}@media (max-width:820px){.vocab-menu{position:fixed;right:0;left:auto;bottom:calc(var(--bottom-nav-height) + var(--space-3));margin-bottom:0;background:rgba(255,255,255,.12);padding:var(--space-2);border-radius:999px;backdrop-filter:blur(6px);flex-direction:column;align-items:flex-start;z-index:30}.vocab-menu.vocab-menu-inline,.vocab-menus .vocab-menu{left:auto;background:var(--color-bg);border-radius:999px;flex-direction:row;align-items:center}.vocab-menu.vocab-menu-inline{right:0;bottom:calc(var(--bottom-nav-height) + (var(--space-3)*.4))}.myvocab-stats-table,.vocab-menu.vocab-menu-inline .btn,.vocab-menu.vocab-menu-inline .pagination-label{font-size:.9rem}.vocab-menus{position:fixed;right:0;left:auto;bottom:calc(var(--bottom-nav-height) + (var(--space-3)*.4));display:flex;flex-direction:column;gap:0;align-items:flex-end;z-index:30}.vocab-menus .vocab-menu{align-self:flex-end;right:auto;bottom:auto;margin-bottom:0;padding:var(--space-2)}.myvocab-menu-grid,.vocab-menus .vocab-menu,.vocab-switch{position:static;backdrop-filter:none}.myvocab-menu-grid{right:auto;left:auto;bottom:auto;background:0 0;padding:0;border-radius:0}.learning-actions .vocab-menu{position:static!important;right:auto!important;left:auto!important;bottom:auto!important;background:0 0!important;padding:0!important;border-radius:0!important;backdrop-filter:none!important;visibility:visible!important;opacity:1!important;flex-direction:row!important}.vocab-switch{order:1;align-self:flex-end;background:var(--color-bg);padding:var(--space-2);border-radius:999px;margin-bottom:calc(var(--space-2)*-1)}.vocab-menu{order:2}.form-inline{grid-template-columns:minmax(120px,2fr) auto minmax(96px,.7fr) auto}.search-form-inline{grid-template-columns:minmax(88px,.8fr) auto minmax(120px,2fr) auto}.form-inline input#search-q{min-width:90px}}@media (min-width:821px){.vocab-switch{order:2}.vocab-menu{order:1}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:999px;border:1px solid transparent;font-weight:600;text-decoration:none;cursor:pointer}.btn-small{padding:var(--space-1) var(--space-3);font-size:.85rem}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-tight)}.btn-primary:hover{background:var(--color-accent-strong)}.btn-secondary{background:0 0;color:var(--color-ink);border-color:var(--color-border)}.btn-feedback-outline{background:0 0;color:#8fc6ff;border-color:#8fc6ff}.btn-feedback-outline:hover,.feedback-send-row .feedback-send-button:hover{background:rgba(143,198,255,.14)}.feedback-send-row{display:flex;justify-content:flex-start;margin-top:var(--space-4)}.feedback-send-row:first-child{margin-top:0}.feedback-send-row .feedback-send-button{width:auto;min-width:0;flex:0 0 auto;color:#8fc6ff;border-color:#8fc6ff;background:0 0}.site-top{display:flex;flex-direction:column}.site-header{order:0}.cookie-banner,input{padding:var(--space-3)}.cookie-banner{order:1;background:rgba(255,255,255,.98);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-soft);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;z-index:40;opacity:0;pointer-events:none;transition:opacity 180ms ease}.has-cookie-consent .cookie-banner{display:none!important}.cookie-banner.is-visible{opacity:1;pointer-events:auto}.cookie-banner.is-hidden{opacity:0;pointer-events:none}.cookie-banner__content{flex:1 1 260px;font-size:.95rem;color:var(--color-ink)}.cookie-banner__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}@media (max-width:720px){.site-header{order:1}.cookie-banner{order:0;position:fixed;left:0;right:0;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0) + 60px);top:auto;border-bottom:0;border-top:1px solid var(--color-border);z-index:25}.cookie-banner__actions{width:100%;justify-content:flex-end}}.jyutping-tone,label{font-weight:600}.jyutping-tone-1{color:#e53935}.jyutping-tone-2{color:#e36c00}.jyutping-tone-3{color:#c9a800}.jyutping-tone-4{color:#1e88e5}.jyutping-tone-5{color:#43a047}.jyutping-tone-6{color:#424242}.btn-secondary:hover{background:var(--color-highlight)}.btn-register{background:#d9f3d8;color:#1f5b2a;border-color:#b7e4b6}.btn-register:hover{background:#c6edc4}.btn-wide{min-width:220px;text-align:center}.btn-danger{background:#f7d7d3;color:#7a1f15;border-color:#f2b8b5}.btn-danger:hover{background:#f3c2bd}.link-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);min-width:44px;border-radius:999px;border:1px solid #8fc6ff;background:#e3f2ff;color:#0b3a66;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,background .2s ease}.link-button:hover{background:#cfe8ff}.link-button.alt-audio{border-color:#b8dcff;background:#eef7ff;color:#0a335c}.link-button.alt-audio:hover{background:#e2f0ff}.link-button:active{transform:translateY(1px)}.link-button.is-playing{box-shadow:var(--shadow-tight)}.link-button.alt-audio.is-playing,.link-button.alt-audio.is-playing:hover,.link-button.is-playing{background:var(--color-accent);border-color:var(--color-accent-strong);color:#fff}.link,.link-button-inline{text-decoration:none;font-weight:600}.link-button-inline{display:inline;padding:0 var(--space-2);min-width:0;border:1px solid #8fc6ff;border-radius:999px;background:#e3f2ff;color:#0b3a66;font-size:inherit;line-height:inherit;vertical-align:baseline;cursor:pointer}.link-button-inline:hover{color:#0b3a66;background:#cfe8ff}.link-button-inline:active{transform:none}.link-button-inline.is-playing{color:#0b3a66;background:#cfe8ff;border-color:#8fc6ff;box-shadow:none}.link{color:var(--color-accent)}.link:hover{text-decoration:underline}.form,.form-field{display:grid;gap:var(--space-4)}.form-field{gap:var(--space-2)}.form-inline{grid-template-columns:minmax(260px,3fr) auto minmax(120px,.7fr) auto;align-items:end;gap:var(--space-2)}.search-form-inline{grid-template-columns:minmax(120px,.8fr) auto minmax(260px,3fr) auto}.form-inline-title{grid-column:1/-1;font-weight:600;color:var(--color-ink)}.form-inline .button-row{justify-content:flex-start}.form-inline-label label{font-weight:500;color:var(--color-muted);white-space:nowrap;margin-bottom:var(--space-2)}.form-inline input#search-q{width:100%;min-width:140px}.form-inline select#tag-select{width:100%;max-width:220px}.learning-search-page .search-actions{display:flex;flex-direction:column}.page-bottom-pad{padding-bottom:calc(var(--space-6)*2)}.btn-icon{padding:var(--space-2);min-width:2.5rem}.btn-icon svg{width:1.1rem;height:1.1rem}.field-optional,.field-required{color:var(--color-accent-strong);font-weight:600;font-size:.85rem}.field-optional{color:var(--color-muted);font-weight:500}input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fffdf9}input:disabled{background:#ece7df;color:#8b857c}.field-error input,.field-error textarea{border-color:#f2b8b5;background:#fff7f6}textarea{padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fffdf9;resize:vertical}input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600}.when-no-invite{display:none}.no-invite-active .when-no-invite,.when-invite{display:inline}.no-invite-active .when-invite{display:none}.form-hint{font-size:.9rem}.form-hint,.muted{color:var(--color-muted)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:min(420px,calc(100vw - var(--space-6)))}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,.15);pointer-events:auto;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.toast.show{opacity:1;transform:translateY(0)}.toast-content{flex:1;font-size:.95rem;color:var(--color-ink);line-height:1.4}.toast-undo{padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid var(--color-accent);background:0 0;color:var(--color-accent);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s ease,color .2s ease}.toast-undo:hover{background:var(--color-accent);color:#fff}.toast-undo:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:768px){.toast-container{top:auto;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0) + 6.5rem);left:var(--space-3);right:var(--space-3);max-width:none}.toast{width:100%}}.site-footer{padding:var(--space-6)0 var(--space-7);border-top:1px solid var(--color-border);color:var(--color-muted)}.feedback-chat-panel{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:40;width:min(360px,calc(100vw - (2*var(--space-4))));max-height:min(70vh,560px);display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft);overflow:hidden}.feedback-chat-panel.is-hidden{display:none}.feedback-chat-header,.feedback-chat-messages{padding:var(--space-3);display:flex;gap:var(--space-2)}.feedback-chat-header{justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);background:#faf7f0}.feedback-chat-messages{min-height:180px;max-height:320px;background:#f9f7f2;flex-direction:column;overflow-y:auto}.feedback-chat-empty{color:var(--color-muted);font-size:.92rem;text-align:center;margin:auto 0}.feedback-chat-message{display:flex;flex-direction:column;gap:var(--space-1);max-width:85%}.feedback-chat-message.is-sent{margin-left:auto;align-items:flex-end}.feedback-chat-message.is-received{margin-right:auto;align-items:flex-start}.feedback-chat-bubble{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#fff;border:1px solid var(--color-border);white-space:pre-wrap;word-break:break-word}.feedback-chat-message.is-sent .feedback-chat-bubble{background:#e9f7f2;border-color:#bfded6}.feedback-chat-meta{font-size:.76rem;color:var(--color-muted)}.feedback-chat-form{display:flex;flex-direction:column;gap:var(--space-2);border-top:1px solid var(--color-border);padding:var(--space-3);background:#fff}.feedback-chat-form textarea{width:100%;min-height:76px;resize:vertical;border:1px solid #8fc6ff;border-radius:var(--radius-sm);padding:var(--space-2);background:#f8fcff;font-size:16px;line-height:1.35}.feedback-chat-form textarea:focus{outline:0;border-color:#8fc6ff;box-shadow:0 0 0 2px rgba(143,198,255,.22)}.feedback-chat-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.feedback-chat-status{min-height:1.2em;color:var(--color-muted);font-size:.88rem}.feedback-chat-status.is-error{color:#8b1a10}.table td .stack.tight-stack{justify-items:start}.table td .stack.tight-stack>.btn{justify-self:start;width:fit-content}@media (max-width:768px){.site-header{position:static;border-bottom:0;background:0 0;backdrop-filter:none}.site-main{padding-top:0;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0) + var(--space-5))}.header-inner,.logo{justify-content:center}.logo{width:100%}.logo-mark{width:24px;height:24px}.site-nav{position:fixed;left:0;right:0;bottom:0;background:#f2f2f2;border-top:1px solid #d8d8d8;padding:0 0 calc(env(safe-area-inset-bottom,0) + var(--space-2));box-shadow:0-6px 18px rgba(0,0,0,.12);z-index:20}.feedback-chat-panel{right:var(--space-2);left:var(--space-2);top:auto;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0) + var(--space-2));width:auto;height:50dvh;max-height:50vh;min-height:260px;border-radius:var(--radius-md)}.feedback-chat-messages{min-height:0;flex:1 1 auto}.vocab-menu,.vocab-menu.vocab-menu-inline,.vocab-menus{right:var(--space-2);bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0))}.nav-list{justify-content:stretch;gap:0;width:100%}.nav-list>li{flex:1 1 0;min-width:0}.action-list a,.nav-link{width:100%;text-align:center}.nav-link{font-size:clamp(.65rem,2.7vw,.9rem);padding:var(--space-2)0;flex-direction:column;justify-content:center;gap:4px;border-radius:0;line-height:1.1;overflow-wrap:anywhere}.nav-icon{width:20px;height:20px}.learning-search-page .search-form-inline{grid-template-columns:1fr;gap:var(--space-2)}.learning-search-page .form-inline-label{justify-self:start}.learning-search-page .form-inline .button-row{margin-top:0;justify-content:stretch}.learning-search-page .form-inline .button-row .btn,.profile-actions form{width:100%}.learning-search-page .table-wrap{margin-left:0;margin-right:0}.learning-search-page .table td,.learning-search-page .table th{padding-left:var(--space-2);padding-right:var(--space-2);font-size:.9rem;white-space:normal}.learning-search-page .search-actions{flex-direction:row;flex-wrap:wrap;gap:var(--space-1)}.learning-search-page .search-actions>.btn,.learning-search-page .search-actions>.link-button{min-width:0;padding-left:var(--space-2);padding-right:var(--space-2)}.site-footer{display:none}section.stack{gap:var(--space-2)}.table-wrap,section.stack{margin-left:calc(-1*var(--space-5));margin-right:calc(-1*var(--space-5))}.table td,.table th{padding-left:var(--space-4);padding-right:var(--space-4)}.learning-actions,.profile-actions{display:flex;justify-content:flex-end}.profile-actions{flex-direction:column;align-items:stretch;gap:var(--space-4)}.learning-actions>.card,.profile-actions>.card{width:100%;margin-right:0;margin-left:0}.learning-actions{margin-left:calc(-1*var(--space-5));margin-right:calc(-1*var(--space-5))}.action-list{padding-left:0;list-style:none;gap:var(--space-3)}.action-list a{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-highlight)}.action-list .is-highlight{background:#d9f3d8;border:1px solid #7cbf7a;color:#1f5b2a}.btn,.btn-danger{width:100%}.btn.btn-small{width:auto}}@media (min-width:769px){.nav-link{font-size:1rem}.nav-icon{width:18px;height:18px}}.writing-panel{width:100%;max-width:360px;aspect-ratio:1/1;border:1px solid rgba(0,0,0,.15);border-radius:12px;background:#fafafa;display:flex;flex-direction:column;overflow:hidden}.writing-svg{width:100%;flex:1 1 auto;min-height:0;color:#111}.writing-meta{width:100%;padding:var(--space-2);border-top:1px solid var(--color-border);background:rgba(255,255,255,.9)}.writing-meta-line{display:flex;gap:var(--space-2);align-items:baseline;flex-wrap:wrap}.writing-current-char{font-size:1.5rem;line-height:1}.writing-info-popup{position:fixed;inset:0;z-index:80;display:none}.writing-info-popup.is-visible{display:block}.writing-info-popup__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}.writing-info-popup__panel{position:relative;width:min(96vw,520px);margin:4vh auto 0;background:var(--color-bg);border-radius:12px;box-shadow:var(--shadow-soft);padding:var(--space-3)}.writing-info-popup__close{margin:0}.writing-info-popup__footer{display:flex;justify-content:flex-end;margin-top:var(--space-2)}@media (max-width:720px){.writing-info-popup__panel{margin-top:3vh}}body.has-writing-popup{overflow:hidden}