:root{--app-header-height: 4.25rem}button{border:0}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(38rem,1fr) var(--detail-panel-width);min-height:100vh;background:var(--color-surface)}.app-sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:2rem .7rem 1.2rem;overflow:hidden;color:#fff;background:linear-gradient(180deg,#0b3741 0%,var(--color-ink) 100%)}.app-sidebar:after{position:absolute;right:-4.5rem;bottom:10rem;width:16rem;height:8rem;border:1px solid rgb(199 154 75 / 15%);border-radius:50%;box-shadow:0 1rem #c79a4b14,0 2rem #c79a4b0f;content:"";transform:rotate(-12deg)}.app-sidebar__brand{position:relative;z-index:1;display:grid;place-items:center;gap:.5rem;margin-bottom:2.2rem;color:var(--color-gold);font-family:var(--font-display);font-size:1.55rem;font-weight:700;letter-spacing:.08em}.app-sidebar__compass{width:4.4rem}.app-sidebar__nav{position:relative;z-index:1;display:grid;gap:.45rem}.sidebar-nav-item{display:flex;min-height:3.55rem;align-items:center;gap:.8rem;padding:0 1rem;border-radius:var(--radius-sm);color:#ffffffeb;background:transparent;font-size:var(--control-text-md);text-align:left;cursor:pointer;transition:background var(--motion-fast),transform var(--motion-fast)}.sidebar-nav-item:hover{background:#ffffff14}.sidebar-nav-item:active{transform:translateY(1px)}.sidebar-nav-item[data-active=true]{background:#2b7c78;box-shadow:inset 0 0 0 1px #ffffff0d}.sidebar-nav-item svg{width:1.65rem;height:1.65rem;stroke-width:1.8}.app-sidebar__legal{position:relative;z-index:1;margin-top:auto;text-align:center;color:#ffffffb3}.app-sidebar__legal>span{display:block;margin-bottom:.7rem;color:var(--color-gold);font-size:1.3rem}.app-sidebar__legal p{font-size:.83rem}.app-sidebar__legal small{font-size:.72rem}.app-workspace{min-width:0;background:var(--color-surface)}.app-header{display:flex;height:var(--app-header-height);align-items:center;gap:.7rem;padding:0 1.5rem;border-bottom:1px solid var(--color-line);background:#fffdfaf0}.app-header__rule{flex:1}.icon-button{display:inline-grid;width:2.55rem;height:2.55rem;place-items:center;border-radius:50%;color:var(--color-ink);background:transparent;cursor:pointer}.icon-button:hover{background:var(--color-teal-soft)}.icon-button svg{width:1.35rem;height:1.35rem;stroke-width:1.8}.profile-button{display:flex;align-items:center;gap:.55rem;color:var(--color-ink);background:transparent;cursor:pointer}.profile-button__avatar{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:50%;color:var(--color-gold);background:var(--color-ink)}.profile-button__avatar svg{width:1.1rem}.preview-banner{padding:.35rem 1rem;color:#675025;background:var(--color-gold-soft);font-size:var(--text-xs);text-align:center}.library-main{position:relative;width:100%;max-width:74rem;margin:0 auto;padding:1.9rem 1.25rem 2.5rem}.library-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.library-heading h1{color:#0d3942}.primary-button,.secondary-button,.danger-primary{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.35rem;border-radius:var(--radius-sm);font-size:var(--control-text-md);font-weight:600;cursor:pointer}.primary-button{color:#fff;background:var(--color-teal);box-shadow:var(--shadow-xs)}.primary-button:hover{background:#245e59}.primary-button:disabled{cursor:wait;opacity:.6}.primary-button svg,.secondary-button svg{width:1.2rem}.secondary-button{border:1px solid var(--color-line);color:var(--color-ink);background:var(--color-surface-raised)}.danger-primary{color:#fff;background:var(--color-danger)}.library-heading__add{min-width:10rem}.guide-toolbar{display:grid;grid-template-columns:minmax(18rem,1fr) auto;gap:1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--color-line)}.search-field{display:flex;min-height:3.45rem;align-items:center;gap:.65rem;grid-column:1 / -1;padding:0 1rem;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:#fff}.search-field:focus-within{border-color:var(--color-teal);box-shadow:var(--focus-ring)}.search-field svg{width:1.35rem;flex:0 0 auto}.search-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:1.02rem}.search-field input::placeholder{color:var(--color-ink-soft)}.platform-filters{display:flex;min-width:0;gap:.65rem;overflow-x:auto;scrollbar-width:none}.filter-button,.sort-button{display:inline-flex;min-height:2.8rem;flex:0 0 auto;align-items:center;gap:.5rem;padding:.45rem .85rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface-raised);cursor:pointer}.filter-button[data-active=true]{border-color:var(--color-ink);color:#fff;background:var(--color-ink)}.filter-label-short{display:none}.filter-button svg,.sort-button svg{width:1.15rem;height:1.15rem}.sort-button{justify-self:end}.platform-mark{display:inline-grid;min-width:1.25rem;height:1.25rem;place-items:center;border-radius:.32rem;color:#fff;font-size:.48rem;font-style:normal;font-weight:800;line-height:1}.platform-mark--wechat{border-radius:50%;background:#29a83b}.platform-mark--xiaohongshu{background:#fa3854}.platform-mark--bilibili{background:#1ba8e0}.guide-list{border-bottom:1px solid var(--color-line)}.guide-row{position:relative;border-bottom:1px solid var(--color-line);background:transparent;transition:background var(--motion-fast)}.guide-row[data-selected=true]{background:linear-gradient(90deg,var(--color-teal-wash),rgb(255 255 255 / 45%));box-shadow:inset 3px 0 var(--color-teal)}.guide-row__select{display:grid;width:100%;grid-template-columns:12.5rem minmax(14rem,1fr) auto;gap:1rem;align-items:center;padding:1rem 3.7rem 1rem 1.1rem;color:inherit;background:transparent;text-align:left;cursor:pointer}.guide-row__select:hover h2{color:var(--color-teal)}.guide-row__thumbnail{width:100%}.guide-row__body{min-width:0}.guide-row__body h2{margin-bottom:.35rem;font-family:var(--font-sans);font-size:var(--text-lg)}.guide-row__summary{display:-webkit-box;overflow:hidden;color:#505d61;font-size:var(--text-sm);line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.guide-row__source{display:flex;min-width:0;align-items:center;gap:.45rem;margin-top:.6rem;color:var(--color-ink-muted);font-size:var(--text-xs);white-space:nowrap}.guide-row__source i{width:1px;height:.8rem;background:var(--color-line-strong)}.guide-row__meta{display:grid;min-width:11rem;justify-items:end;gap:1rem}.guide-row__tags{display:flex;flex-wrap:wrap;justify-content:end;gap:.4rem}.guide-row__tags span,.detail-tags span{padding:.25rem .55rem;border-radius:var(--radius-xs);color:var(--color-teal);background:var(--color-teal-soft);font-size:var(--text-xs)}.guide-row__source-link{position:absolute;top:50%;right:.45rem;display:inline-flex;min-width:2.75rem;height:2.75rem;align-items:center;justify-content:center;gap:.3rem;border-radius:var(--radius-xs);color:var(--color-ink-muted);background:var(--color-surface-raised);text-decoration:none;transform:translateY(-50%)}.guide-row__source-link:hover{color:var(--color-teal);background:var(--color-teal-soft)}.guide-row__source-link:focus-visible{outline:0;box-shadow:var(--focus-ring)}.guide-row__source-link svg{width:1.2rem}.guide-row__source-link span{display:none}.guide-list__count{padding:1.2rem;color:var(--color-ink-muted);font-size:var(--text-sm);text-align:center}.guide-list-empty,.loading-state{padding:5rem 1rem;color:var(--color-ink-muted);text-align:center}.guide-list-empty strong{display:block;color:var(--color-ink);font-size:var(--text-lg)}.tag-management{padding-bottom:2rem}.tag-management__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.25rem 0 1.4rem;border-bottom:1px solid var(--color-line)}.tag-management__heading h1{margin-top:.55rem;color:#0d3942}.tag-management__heading p{margin-top:.35rem;color:var(--color-ink-muted);font-size:var(--text-sm)}.tag-management__back{display:inline-flex;align-items:center;gap:.35rem;min-height:2.4rem;color:var(--color-teal);background:transparent;cursor:pointer;font-size:var(--text-sm)}.tag-management__back svg{width:1rem}.tag-management__summary{display:grid;min-width:7rem;justify-items:center;padding:.75rem 1rem;border:1px solid var(--color-gold);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-gold-soft)}.tag-management__summary svg{width:1.2rem;color:var(--color-gold)}.tag-management__summary strong{font-size:var(--text-xl)}.tag-management__summary span{color:var(--color-ink-muted);font-size:var(--text-xs)}.tag-management__list{display:grid;gap:.7rem;padding-top:1rem}.tag-management__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-xs)}.tag-management__filter{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto auto;gap:1.25rem;align-items:center;padding:1rem 1.1rem;color:var(--color-ink);background:transparent;text-align:left;cursor:pointer}.tag-management__filter>span:first-child{display:flex;min-width:0;align-items:center;gap:.65rem}.tag-management__filter>span:first-child svg{width:1.2rem;flex:0 0 auto;color:var(--color-teal)}.tag-management__filter strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-management__filter small{color:var(--color-ink-muted)}.tag-management__view{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-teal);font-size:var(--text-xs)}.tag-management__view svg{width:.9rem}.tag-management__actions{display:flex;gap:.25rem;padding:0 .7rem;border-left:1px solid var(--color-line)}.tag-management__actions .danger-button{color:var(--color-danger)}.tag-management__editor{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;gap:.45rem 1rem;align-items:end;padding:.85rem 1rem}.tag-management__editor label{display:grid;gap:.3rem}.tag-management__editor label span{font-size:var(--text-xs);font-weight:700}.tag-management__editor input{min-height:2.75rem;padding:0 .75rem;border:1px solid var(--color-line-strong);border-radius:var(--radius-xs);outline:0}.tag-management__editor input:focus{border-color:var(--color-teal);box-shadow:var(--focus-ring)}.tag-management__editor input[aria-invalid=true]{border-color:var(--color-danger)}.tag-management__editor>div{display:flex;gap:.35rem}.tag-management__save{display:inline-flex;min-height:2.55rem;align-items:center;gap:.35rem;padding:0 .8rem;border-radius:var(--radius-xs);color:#fff;background:var(--color-teal);cursor:pointer}.tag-management__save svg{width:1rem}.tag-management__empty{display:grid;justify-items:center;padding:5rem 1rem;color:var(--color-ink-muted);text-align:center}.tag-management__empty>svg{width:2.5rem;margin-bottom:.7rem;color:var(--color-gold)}.tag-management__empty strong{color:var(--color-ink);font-size:var(--text-lg)}.error-banner{display:flex;align-items:center;gap:.6rem;margin-top:.8rem;padding:.7rem .8rem;border-radius:var(--radius-sm);color:#8d2e2e;background:var(--color-danger-soft);font-size:var(--text-sm)}.error-banner svg{width:1.2rem}.error-banner button{margin-left:auto;color:inherit;background:transparent;cursor:pointer}.guide-detail-scrim{display:none}.guide-detail-panel{position:sticky;top:0;height:100vh;overflow:auto;border-left:1px solid var(--color-line);background:#fff}.guide-detail-panel__header{position:sticky;top:0;z-index:2;display:flex;height:var(--app-header-height);align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--color-line);background:#fffffff2}.guide-detail-panel__header h2{font-family:var(--font-display);font-size:1.15rem}.guide-detail-panel__content{padding:1rem}.guide-detail-panel__content>h3{margin:.8rem 0;font-size:var(--text-lg)}.detail-section{padding:.8rem 0;border-top:1px solid var(--color-line)}.detail-section h4{margin-bottom:.45rem;font-size:var(--text-xs);font-weight:700}.detail-section p,.detail-section a{display:flex;align-items:center;gap:.45rem;font-size:var(--text-sm);line-height:1.6}.detail-section svg{width:1rem}.detail-section a{width:fit-content;margin-top:.45rem;color:var(--color-ink);text-decoration:none}.detail-section__heading{display:flex;align-items:center;justify-content:space-between}.detail-section__heading button{display:inline-flex;align-items:center;gap:.3rem;color:var(--color-teal);background:transparent;cursor:pointer}.detail-section--note>p{padding:.7rem;border-radius:var(--radius-xs);background:var(--color-gold-soft)}.detail-tags{display:flex;flex-wrap:wrap;gap:.4rem}.detail-actions{display:flex;gap:.6rem;margin-top:1rem}.detail-actions button{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:.35rem;padding:.55rem;border:1px solid var(--color-line);border-radius:var(--radius-xs);background:#fff;cursor:pointer}.detail-actions svg{width:1rem}.detail-actions .danger-button{color:var(--color-danger)}.mobile-bottom-nav,.mobile-add-button,.mobile-brand,.mobile-legal{display:none}@media(min-width:48.001rem){.library-heading{min-height:3.45rem}.search-field{position:absolute;top:1.9rem;right:12.25rem;left:20.5rem;z-index:2}.guide-toolbar{grid-template-columns:minmax(0,1fr) auto}}.drawer-layer,.confirm-layer{position:fixed;z-index:20;inset:0}.drawer-scrim{position:absolute;inset:0;width:100%;height:100%;background:var(--color-scrim);cursor:default}.guide-form-drawer{position:absolute;top:0;right:0;display:flex;width:min(50rem,58vw);height:100%;flex-direction:column;background:var(--color-surface-raised);box-shadow:-12px 0 40px #102a332e;animation:drawer-in var(--motion-normal) var(--motion-ease)}@keyframes drawer-in{0%{transform:translate(var(--motion-distance));opacity:0}}.guide-form-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 2rem 1rem}.guide-form-drawer__header h2{font-family:var(--font-display);font-size:var(--text-2xl)}.guide-form-drawer__header p{margin-top:.3rem;color:var(--color-ink-muted);font-size:var(--text-sm)}.guide-form{display:grid;grid-template-columns:1fr;gap:.85rem;padding:0 2rem 1.25rem;overflow:auto}.form-grid{display:grid;gap:.85rem}.form-grid--three{grid-template-columns:1fr 1fr 1fr}.form-field{position:relative;display:grid;align-content:start;gap:.35rem;min-width:0}.form-field>span{display:flex;align-items:center;gap:.35rem;color:var(--color-ink);font-size:var(--text-xs);font-weight:700}.form-field>span svg{width:1rem}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:2.75rem;padding:.65rem .75rem;border:1px solid var(--color-line-strong);border-radius:var(--radius-xs);outline:0;background:#fff;font-size:var(--control-text-sm)}.form-field textarea{resize:vertical;line-height:1.55}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-teal);box-shadow:var(--focus-ring)}.form-field [aria-invalid=true]{border-color:var(--color-danger)}.character-count{position:absolute;right:.5rem;bottom:.25rem;color:var(--color-ink-soft);font-size:.65rem}.form-error{color:var(--color-danger);font-size:var(--text-xs)}.source-preview{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.7rem;border:1px solid var(--color-line);border-radius:var(--radius-xs)}.source-preview div{display:grid;min-width:0}.source-preview small,.source-preview span{color:var(--color-ink-muted);font-size:var(--text-xs)}.source-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-preview>svg{width:1rem}.metadata-status{display:flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:.55rem .7rem;border-radius:var(--radius-xs);font-size:var(--text-sm)}.metadata-status svg{width:1rem;flex:0 0 auto}.metadata-status--loading{color:var(--color-ink-muted);background:var(--color-surface-muted)}.metadata-status--success{color:var(--color-teal);background:var(--color-teal-soft)}.metadata-status--error{color:var(--color-danger);background:var(--color-danger-soft)}.guide-form__details-toggle{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;padding:.65rem .75rem;border:1px solid var(--color-line);border-radius:var(--radius-xs);color:var(--color-ink);background:var(--color-surface-muted);cursor:pointer;font-size:var(--text-sm);font-weight:650}.guide-form__details-toggle svg{width:1rem;transition:transform var(--motion-fast) var(--motion-ease)}.guide-form__details-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.guide-form__details{display:grid;gap:.85rem;padding:.85rem;border:1px solid var(--color-line);border-radius:var(--radius-xs);background:var(--color-surface-muted)}.copyright-notice{display:flex;align-items:flex-start;gap:.45rem;color:var(--color-ink-muted);font-size:var(--text-xs);line-height:1.55}.copyright-notice svg{width:1rem;flex:0 0 auto}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.guide-form__actions{position:sticky;bottom:-1.25rem;display:flex;justify-content:flex-end;gap:.75rem;margin:0 -2rem;padding:1rem 2rem 1.25rem;border-top:1px solid var(--color-line);background:#fffffff5}.guide-form__actions button{min-width:9rem}.confirm-dialog{position:absolute;top:50%;left:50%;width:min(26rem,calc(100% - 2rem));padding:1.5rem;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-md);transform:translate(-50%,-50%)}.confirm-dialog h2{font-size:var(--text-xl)}.confirm-dialog p{margin:.7rem 0 1.4rem;color:var(--color-ink-muted)}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:.6rem}.login-screen,.auth-loading,.configuration-error{display:grid;min-height:100vh;place-items:center;padding:1.5rem;background:linear-gradient(135deg,#0c3842,var(--color-ink))}.login-panel{width:min(28rem,100%);padding:2.2rem;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.login-panel__mark{width:4.5rem;margin:0 auto .8rem;color:var(--color-gold)}.login-panel h1,.login-panel>p{text-align:center}.login-panel>p{margin:.5rem 0 1.5rem;color:var(--color-ink-muted)}.login-panel form,.login-panel label{display:grid;gap:.4rem}.login-panel form{gap:1rem}.login-panel label span{font-size:var(--text-sm);font-weight:600}.login-panel input{min-height:3rem;padding:0 .8rem;border:1px solid var(--color-line-strong);border-radius:var(--radius-xs)}.login-panel>small{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:1.5rem;color:var(--color-ink-muted);font-size:var(--text-xs)}.login-panel>small svg{width:1rem}.login-message{font-size:var(--text-sm)}.login-message--error{color:var(--color-danger)}.login-message--success{color:var(--color-teal)}.login-mode-button{justify-self:center;min-height:2.75rem;padding:.45rem .75rem;color:var(--color-teal);background:transparent;cursor:pointer;font-size:var(--text-sm)}.login-mode-button:hover{text-decoration:underline}.configuration-error{color:#fff;text-align:center}.configuration-error h1{color:#fff}@media(max-width:73rem){.app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.guide-detail-scrim[data-open=true]{position:fixed;z-index:11;inset:0;display:block;width:100%;height:100%;background:var(--color-scrim);cursor:default;touch-action:none}.guide-detail-panel{position:fixed;z-index:12;top:0;right:0;width:min(28rem,92vw);height:100dvh;border-left:1px solid var(--color-line);box-shadow:-12px 0 40px #102a332e;visibility:hidden;overscroll-behavior:contain;transform:translate(100%);transition:transform var(--motion-normal) var(--motion-ease),visibility var(--motion-normal)}.guide-detail-panel[data-mobile-open=true]{visibility:visible;transform:translate(0)}.guide-row__select{grid-template-columns:10rem minmax(12rem,1fr) auto}}@media(max-width:48rem){:root{--mobile-nav-height: 5.8rem}.app-shell{display:block;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}.app-sidebar,.app-header{display:none}.preview-banner{padding-top:calc(.35rem + env(safe-area-inset-top))}.library-main{padding:1rem 1rem 7rem}.mobile-brand{display:flex;align-items:center;justify-content:space-between;padding:.2rem 0 1rem;border-bottom:1px solid var(--color-line);color:var(--color-ink);font-family:var(--font-display);font-size:1.2rem;font-weight:700}.mobile-brand>div{display:flex;align-items:center;gap:.45rem}.mobile-brand svg{width:2rem;color:var(--color-gold)}.mobile-brand small{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500}.library-heading{margin:1.4rem 0 1.2rem}.library-heading h1{font-size:2rem}.library-heading__add{min-width:8.8rem}.guide-toolbar{display:flex;flex-wrap:wrap;gap:.7rem;padding-bottom:.9rem}.search-field{width:100%;flex-basis:100%;order:-2;grid-column:auto}.platform-filters{flex:1}.filter-button{padding-inline:.7rem}.filter-button span{font-size:var(--text-sm)}.filter-label-long{display:none}.filter-label-short{display:inline}.sort-button{margin-left:auto}.guide-row__select{grid-template-columns:7.1rem minmax(0,1fr);gap:.8rem;padding:1rem 4.8rem 1rem .7rem;align-items:start}.guide-row[data-selected=true]{margin:.5rem 0;border:1px solid rgb(47 111 104 / 30%);border-radius:var(--radius-md);box-shadow:inset 3px 0 var(--color-teal)}.guide-row__thumbnail{grid-row:1 / span 2;align-self:start}.guide-row__body{grid-column:2;grid-row:1}.guide-row__body h2{font-size:1rem;line-height:1.35}.guide-row__summary{display:none}.guide-row__source{flex-wrap:wrap;margin-top:.45rem;white-space:normal}.guide-row__source time,.guide-row__source i:last-of-type{display:none}.guide-row__meta{grid-column:2;grid-row:2;align-self:start;min-width:0;justify-items:start;gap:.45rem;padding-top:.55rem}.guide-row__tags{justify-content:start}.guide-row__source-link{top:1rem;width:4rem;border:1px solid var(--color-line);color:var(--color-teal);font-size:var(--text-xs);font-weight:650;transform:none}.guide-row__source-link span{display:inline}.guide-list__count{display:none}.tag-management__heading{align-items:flex-start}.tag-management__heading h1{font-size:2rem}.tag-management__heading p{max-width:15rem}.tag-management__summary{min-width:5.5rem;padding-inline:.6rem}.tag-management__filter{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;padding:.9rem .75rem}.tag-management__view{display:none}.tag-management__actions{padding-inline:.35rem}.tag-management__editor{grid-template-columns:1fr}.tag-management__editor>div{justify-content:flex-end}.mobile-legal{display:block;margin-top:3rem;color:var(--color-ink-muted);font-size:var(--text-xs);text-align:center}.mobile-add-button{display:none}.mobile-bottom-nav{position:fixed;z-index:10;right:0;bottom:0;left:0;display:grid;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);padding:.65rem .35rem env(safe-area-inset-bottom);border-top:1px solid var(--color-line);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-bottom-nav__item{display:grid;min-width:2.75rem;min-height:2.75rem;place-items:center;gap:.15rem;color:var(--color-ink);background:transparent;font-size:var(--text-xs);cursor:pointer}.mobile-bottom-nav__item[data-active=true]{color:var(--color-teal)}.mobile-bottom-nav__item svg{width:1.55rem;height:1.55rem;stroke-width:1.8}.guide-detail-panel{width:100%;border-left:0}.guide-detail-panel__header{height:calc(var(--app-header-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.guide-detail-panel__content{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.guide-form-drawer{width:100%}.guide-form-drawer__header{padding:1rem}.guide-form{padding:0 1rem 1rem}.form-grid--three{grid-template-columns:1fr}.guide-form__actions{margin:0 -1rem;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom))}.guide-form__actions button{min-width:0;flex:1}}@media(max-width:25rem){.library-heading__add span{display:none}.filter-button span{max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-row__select{grid-template-columns:5.7rem minmax(0,1fr)}}:root{color-scheme:light;--color-paper: #faf8f3;--color-ink: #102a33;--color-teal: #2f6f68;--color-gold: #c79a4b;--color-surface: #fffdfa;--color-surface-raised: #ffffff;--color-ink-muted: #667175;--color-ink-soft: #899195;--color-line: #d9d6cf;--color-line-strong: #c7c3ba;--color-teal-soft: #e8f2f0;--color-teal-wash: #f3f8f7;--color-gold-soft: #f7ecd6;--color-success: #238b57;--color-success-soft: #e8f5ed;--color-warning: #d87a00;--color-warning-soft: #fff3d8;--color-danger: #d94c4c;--color-danger-soft: #fdeaea;--color-scrim: rgb(16 42 51 / 44%);--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", system-ui, sans-serif;--font-display: "Songti SC", "STSong", "Noto Serif CJK SC", "Noto Serif SC", serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: clamp(2rem, 3vw, 2.625rem);--leading-tight: 1.2;--leading-snug: 1.45;--leading-normal: 1.65;--control-text-sm: .875rem;--control-text-md: 1rem;--control-height-sm: 2.5rem;--control-height-md: 3rem;--control-height-lg: 3.5rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: .375rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgb(16 42 51 / 8%);--shadow-sm: 0 4px 14px rgb(16 42 51 / 8%);--shadow-md: 0 12px 32px rgb(16 42 51 / 12%);--shadow-float: 0 10px 24px rgb(16 42 51 / 22%);--focus-ring-color: rgb(47 111 104 / 38%);--focus-ring: 0 0 0 3px var(--focus-ring-color);--focus-outline: 2px solid var(--color-teal);--focus-outline-offset: 3px;--motion-fast: .14s;--motion-normal: .22s;--motion-slow: .36s;--motion-ease: cubic-bezier(.2, .8, .2, 1);--motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--motion-distance: .375rem;--content-max-width: 90rem;--sidebar-width: 12.375rem;--detail-panel-width: 19.5rem;--mobile-nav-height: 5.75rem}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 1ms;--motion-normal: 1ms;--motion-slow: 1ms;--motion-distance: 0px}}*,*:before,*:after{box-sizing:border-box}html{min-width:20rem;min-height:100%;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-width:20rem;min-height:100vh;margin:0;background:var(--color-paper);color:var(--color-ink);font-size:var(--text-md);line-height:var(--leading-normal)}button,input,select,textarea{color:inherit;font:inherit}button,[role=button]{touch-action:manipulation}a{color:var(--color-teal);text-decoration-thickness:.08em;text-underline-offset:.18em}img,svg{display:block;max-width:100%}h1,h2,h3,h4,p{margin-block:0}h1,h2,h3,h4{color:var(--color-ink);line-height:var(--leading-tight)}h1,.display-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:.025em}:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}::selection{background:var(--color-gold-soft);color:var(--color-ink)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.guide-thumbnail{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--guide-thumbnail-aspect, 8 / 5);overflow:hidden;border:1px solid rgb(16 42 51 / 12%);border-radius:var(--guide-thumbnail-radius, var(--radius-sm));background:var(--color-ink);box-shadow:inset 0 0 0 1px #ffffff12}.guide-thumbnail:after{position:absolute;inset:0;z-index:2;background-image:repeating-linear-gradient(0deg,rgb(255 255 255 / 1.5%) 0,rgb(255 255 255 / 1.5%) 1px,transparent 1px,transparent 4px);content:"";pointer-events:none}.guide-thumbnail__art{width:100%;height:100%}.compass-mark{flex:0 0 auto;overflow:visible}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}