@import"https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;color:#1d1b18;background:#f2efe6;font-synthesis:none;text-rendering:optimizeLegibility;--background: #f2efe6;--surface: #fffefa;--surface-muted: #f7f4ec;--ink: #1d1b18;--muted-ink: #6e695f;--line: #24221e;--line-soft: rgba(36, 34, 30, .27);--accent-yellow: #e3bd4f;--accent-yellow-soft: #f4e5a7;--danger: #a3473e;--success: #4e7454;--border-width: 2px;--radius: 12px 9px 14px 10px;--shadow: 3px 3px 0 rgba(29, 27, 24, .1)}*{box-sizing:border-box}html{min-width:320px;background:var(--background)}body{margin:0;min-width:320px;min-height:100vh;background:var(--background)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent-yellow);outline-offset:2px}.app-root{min-height:100vh;padding:56px 32px;background:var(--background)}.browser-frame{width:min(1480px,100%);min-height:calc(100vh - 112px);margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:3px solid var(--line);border-radius:30px 34px 26px 32px;box-shadow:5px 6px #24221e12}.browser-chrome{min-height:56px;display:grid;grid-template-columns:1fr minmax(180px,420px) 1fr;align-items:center;gap:18px;padding:0 16px;border-bottom:3px solid var(--line);background:var(--surface)}.browser-actions{display:flex;align-items:center;gap:7px}.browser-actions-right{justify-content:flex-end}.chrome-button{width:30px;height:30px;display:grid;place-items:center;border:0;color:var(--ink);background:transparent;border-radius:7px 9px 6px 8px}.chrome-button:hover{background:var(--accent-yellow-soft)}.chrome-close:hover{color:#fff;background:var(--danger)}.address-bar{padding:6px 18px;text-align:center;color:var(--ink);font-family:Klee One,cursive;font-size:18px;font-weight:600}.site-header{min-height:66px;display:flex;align-items:center;gap:19px;padding:0 18px;border-bottom:2px solid var(--line);background:var(--surface)}.brand{display:inline-flex;align-items:center;gap:9px;min-width:176px;padding:7px 6px;border:0;color:var(--ink);background:transparent;font-family:Klee One,cursive;font-size:21px;font-weight:600;text-align:left}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:2px solid var(--line);border-radius:9px 6px 8px 7px;transform:rotate(-2deg)}.site-nav{display:flex;align-items:center;gap:8px}.nav-button,.outline-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:2px solid var(--line);border-radius:9px 7px 11px 8px;color:var(--ink);background:var(--surface);font-family:Klee One,cursive;font-size:17px;font-weight:600;line-height:1}.nav-button:nth-child(2n){transform:rotate(.7deg)}.nav-button:hover,.nav-button.is-active,.outline-button:hover{background:var(--accent-yellow-soft)}.nav-button.is-active{box-shadow:var(--shadow)}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.user-actions{display:flex;align-items:center;gap:7px}.user-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:0;color:var(--ink);background:transparent;font-family:Klee One,cursive;font-weight:600}.user-chip:hover{text-decoration:underline;text-decoration-thickness:2px}.admin-link{color:var(--danger)}.outline-button.small{min-height:31px;padding:0 11px;font-size:14px}.theme-toggle{width:37px;height:37px}.mobile-menu-button{display:none;width:38px;height:38px;align-items:center;justify-content:center;border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--surface)}.page-shell{flex:1;min-height:0}.page-container{width:min(1160px,100%);margin:0 auto;padding:42px 40px 64px}.home-page{padding-top:29px}.home-hero{position:relative;padding:20px 20px 52px;text-align:center}.home-hero h1{margin:0;color:var(--ink);font-family:Klee One,cursive;font-size:clamp(44px,6vw,78px);font-weight:600;letter-spacing:0;line-height:1.15;transform:rotate(-.5deg)}.home-hero p{margin:11px 0 0;color:var(--muted-ink);font-family:Klee One,cursive;font-size:16px}.hero-line{position:absolute;top:18px;left:22%;color:var(--accent-yellow);font-size:28px;transform:rotate(-13deg)}.today-snapshot{width:min(640px,100%);margin:0 auto 39px;display:flex;flex-direction:column;gap:3px;padding-left:6%;color:var(--ink);font-family:Klee One,cursive;font-size:22px}.today-snapshot strong{font-size:23px;font-weight:600}.section-label{font-weight:600}.today-mood{display:inline-flex;align-items:center;gap:5px;font-size:21px}.mood-emoji{font-size:23px}.recent-section{padding-top:2px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading h2{display:flex;align-items:center;gap:8px;margin:0;font-family:Klee One,cursive;font-size:27px;font-weight:600}.section-heading h2 svg{color:var(--accent-yellow)}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:28px}.page-title h1{margin:3px 0 7px;font-family:Klee One,cursive;font-size:clamp(35px,4vw,54px);font-weight:600;line-height:1.15}.page-title p{max-width:620px;margin:0;color:var(--muted-ink);line-height:1.7}.eyebrow{color:var(--muted-ink);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.13em}.action-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:2px solid var(--line);border-radius:9px 7px 11px 8px;color:var(--ink);background:var(--surface);font-family:Klee One,cursive;font-size:16px;font-weight:600}.action-button:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow)}.action-yellow{background:var(--accent-yellow)}.action-ink{color:var(--surface);background:var(--ink)}.action-text{padding:0 4px;border-color:transparent;background:transparent}.action-text:hover{box-shadow:none;text-decoration:underline}.action-danger{color:var(--danger);border-color:var(--danger)}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.full-button{width:100%;margin-top:7px}.journal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.journal-list-private{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-card{min-width:0;display:flex;flex-direction:column;border:3px solid var(--line);border-radius:25px 19px 27px 22px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.journal-card:nth-child(2n){transform:rotate(.35deg)}.journal-card:nth-child(3n){transform:rotate(-.25deg)}.card-main{flex:1;min-width:0;padding:24px 22px 20px;border:0;color:var(--ink);background:transparent;text-align:left}.card-main:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted-ink);font-family:Klee One,cursive;font-size:16px}.visibility-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid var(--line-soft);border-radius:6px 5px 7px 4px;color:var(--muted-ink);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.02em}.visibility-public{color:var(--success);border-color:#4e745499}.visibility-unlisted{color:#846b2f;border-color:#846b2f99}.visibility-private{color:var(--muted-ink)}.card-main h3{min-height:31px;margin:20px 0 8px;font-family:Klee One,cursive;font-size:23px;font-weight:600;line-height:1.25}.card-main p{min-height:47px;margin:0;color:var(--muted-ink);font-size:14px;line-height:1.7}.card-read{display:inline-flex;align-items:center;gap:5px;margin-top:18px;padding:3px 8px;border:2px solid var(--line);border-radius:6px 5px 7px;font-family:Klee One,cursive;font-size:14px;font-weight:600}.card-main:hover .card-read{background:var(--accent-yellow-soft)}.card-bottom{display:flex;align-items:center;gap:8px;min-height:39px;padding:7px 18px;border-top:2px solid var(--line-soft);color:var(--muted-ink);font-size:12px}.card-mood{white-space:nowrap}.card-tags{display:flex;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{display:flex;gap:2px;margin-left:auto}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;border:2px solid transparent;border-radius:8px 6px 9px 7px;color:var(--ink);background:transparent}.icon-button:hover{border-color:var(--line);background:var(--accent-yellow-soft)}.empty-state{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:36px;border:2px dashed var(--line-soft);border-radius:21px 17px 23px 19px;color:var(--muted-ink);text-align:center}.empty-state svg{color:var(--accent-yellow)}.empty-state h3{margin:3px 0 0;color:var(--ink);font-family:Klee One,cursive;font-size:24px}.empty-state p{max-width:380px;margin:0 0 10px;line-height:1.7}.filter-row{display:flex;gap:10px;margin-bottom:25px}.search-field,.select-field{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:2px solid var(--line);border-radius:9px 7px 10px 8px;background:var(--surface);color:var(--muted-ink)}.search-field{flex:1}.search-field input{width:100%;border:0;outline:0;color:var(--ink);background:transparent}.select-field{position:relative;min-width:175px}.select-field select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;color:var(--ink);background:transparent}.select-field>svg:last-child{pointer-events:none}.editor-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:34px;align-items:start}.editor-form,.settings-form{display:grid;gap:18px}.form-field{display:grid;gap:7px;color:var(--ink)}.form-field>span,.form-field>legend{display:flex;align-items:center;gap:5px;font-family:Klee One,cursive;font-size:17px;font-weight:600}.form-field input,.form-field textarea,.form-field select{width:100%;border:2px solid var(--line);border-radius:9px 7px 10px 8px;padding:11px 13px;color:var(--ink);background:var(--surface);outline:0}.form-field textarea{resize:vertical;min-height:170px;line-height:1.75}.form-field input::placeholder,.form-field textarea::placeholder{color:#9a958c}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mood-options{display:flex;flex-wrap:wrap;gap:6px}.mood-option{min-width:59px;display:grid;gap:1px;place-items:center;padding:7px 7px 5px;border:2px solid var(--line-soft);border-radius:8px 6px 9px 7px;color:var(--ink);background:var(--surface)}.mood-option span{font-size:21px}.mood-option small{font-size:10px}.mood-option:hover,.mood-option.is-selected{border-color:var(--line);background:var(--accent-yellow-soft)}.visibility-field{min-width:0;margin:0;padding:0;border:0}.visibility-options{display:grid;gap:6px}.visibility-option{display:flex;align-items:center;gap:8px;padding:9px 10px;border:2px solid var(--line-soft);border-radius:8px 6px 9px 7px;color:var(--ink);background:var(--surface);text-align:left}.visibility-option>span{display:grid;gap:1px}.visibility-option strong{font-size:13px}.visibility-option small{color:var(--muted-ink);font-size:10px}.visibility-option:hover,.visibility-option.is-selected{border-color:var(--line);background:var(--accent-yellow-soft)}.tag-input{display:flex;align-items:center;gap:4px;padding-left:12px;border:2px solid var(--line);border-radius:9px 7px 10px 8px;background:var(--surface)}.tag-input input{min-width:0;padding-left:0;border:0}.selected-tags,.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-chip,.tag-row span{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border:1px solid var(--line-soft);border-radius:6px 5px 7px 4px;color:var(--muted-ink);background:var(--surface-muted);font-size:12px}.tag-chip:hover{color:var(--danger);border-color:var(--danger)}.editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;padding-top:5px}.editor-aside{display:grid;gap:15px}.note-card,.preview-mini,.about-note{padding:21px;border:2px solid var(--line);border-radius:16px 12px 18px 14px;background:var(--surface-muted);box-shadow:var(--shadow)}.note-card svg{color:var(--accent-yellow)}.note-card h3,.preview-mini h3{margin:12px 0 7px;font-family:Klee One,cursive;font-size:22px}.note-card p,.preview-mini p{margin:0;color:var(--muted-ink);line-height:1.7}.preview-mini{background:var(--surface)}.preview-mini h3{min-height:27px}.preview-mini .visibility-badge{margin-top:15px}.preview-page{max-width:1000px}.preview-toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:29px}.entry-reading{max-width:820px;margin:0 auto}.entry-heading{padding:20px 0 25px;border-bottom:2px solid var(--line)}.entry-date{display:inline-flex;align-items:center;gap:6px;color:var(--muted-ink);font-family:Klee One,cursive;font-size:17px}.entry-heading>.visibility-badge{margin-left:12px;vertical-align:middle}.entry-heading h1{margin:22px 0 9px;font-family:Klee One,cursive;font-size:clamp(35px,5vw,62px);line-height:1.16}.entry-byline{display:flex;gap:8px;color:var(--muted-ink);font-size:14px}.entry-content{padding:38px 22px;font-size:17px;line-height:2}.entry-content p{margin:0 0 22px;white-space:pre-wrap}.entry-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 0;border-top:2px solid var(--line-soft);color:var(--muted-ink);font-size:12px}.permission-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.permission-state svg{color:var(--accent-yellow)}.permission-state h2{margin:4px 0;font-family:Klee One,cursive;font-size:28px}.permission-state p{margin:0 0 12px;color:var(--muted-ink)}.auth-page{display:grid;place-items:center;min-height:620px}.auth-card{width:min(490px,100%);padding:38px 40px 32px;border:3px solid var(--line);border-radius:24px 18px 27px 21px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.auth-mark{width:53px;height:53px;display:grid;place-items:center;margin:0 auto 17px;border:2px solid var(--line);border-radius:15px 10px 13px 11px;background:var(--accent-yellow-soft);transform:rotate(-3deg)}.auth-card h1{margin:8px 0;font-family:Klee One,cursive;font-size:36px}.auth-card>p{margin:0 0 26px;color:var(--muted-ink)}.auth-card form{display:grid;gap:15px;text-align:left}.switch-auth{display:inline-flex;align-items:center;gap:5px;margin-top:20px;border:0;color:var(--ink);background:transparent;font-family:Klee One,cursive;font-weight:600}.switch-auth:hover{text-decoration:underline}.auth-note{margin:19px 0 0!important;color:var(--muted-ink);font-size:12px;line-height:1.6}.settings-form{max-width:690px;margin:0 auto}.settings-profile{display:flex;align-items:center;gap:15px;padding-bottom:19px;border-bottom:2px solid var(--line-soft)}.avatar-placeholder{width:66px;height:66px;display:grid;place-items:center;border:2px solid var(--line);border-radius:18px 12px 16px 14px;background:var(--accent-yellow-soft)}.settings-profile h2{margin:0 0 3px;font-family:Klee One,cursive;font-size:25px}.settings-profile p{margin:0;color:var(--muted-ink)}.tag-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:29px}.tag-cloud button{padding:8px 12px;border:2px solid var(--line);border-radius:9px 6px 10px 7px;color:var(--ink);background:var(--surface);font-family:Klee One,cursive;font-size:17px}.tag-cloud button:hover,.tag-cloud button.is-selected{background:var(--accent-yellow-soft);box-shadow:var(--shadow)}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:start}.about-note{display:grid;gap:12px;background:var(--accent-yellow-soft)}.about-note p{margin:0;font-family:Klee One,cursive;font-size:24px;line-height:1.55}.about-copy{padding:12px 0;color:var(--muted-ink);font-size:17px;line-height:2}.about-copy p{margin:0 0 23px}.about-copy span{color:var(--ink);font-family:Klee One,cursive;font-size:20px}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:35px}.admin-summary>div{display:grid;gap:6px;padding:19px;border:2px solid var(--line);border-radius:14px 10px 16px 12px;background:var(--surface-muted)}.admin-summary span{color:var(--muted-ink);font-size:13px}.admin-summary strong{font-family:Klee One,cursive;font-size:34px}.admin-summary small{display:inline-flex;align-items:center;gap:5px;color:var(--muted-ink);font-size:11px}.admin-summary small.is-alert{color:var(--danger)}.status-good{color:var(--success);font-size:22px!important}.admin-section{margin-top:12px}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 29px;padding-bottom:12px;border-bottom:2px solid var(--line)}.admin-tab{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:2px solid transparent;border-radius:9px 7px 11px 8px;color:var(--muted-ink);background:transparent;font-family:Klee One,cursive;font-size:16px;font-weight:600}.admin-tab:hover,.admin-tab.is-active{border-color:var(--line);color:var(--ink);background:var(--accent-yellow-soft);box-shadow:var(--shadow)}.admin-tab b{min-width:20px;padding:2px 5px;border-radius:6px 5px 7px 4px;color:var(--ink);background:var(--surface);font-family:DM Mono,monospace;font-size:10px}.admin-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.admin-panel,.admin-create-form{padding:20px;border:2px solid var(--line);border-radius:16px 12px 18px 14px;background:var(--surface-muted);box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin-bottom:16px}.panel-heading h2{margin:5px 0 0;font-family:Klee One,cursive;font-size:24px}.admin-user-mini-list{display:grid;gap:7px}.admin-user-line{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px}.admin-user-line>span:nth-child(2){min-width:0;display:grid;gap:2px}.admin-user-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Klee One,cursive;font-size:16px}.admin-user-line small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-ink);font-size:11px}.admin-avatar{width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--line);border-radius:10px 7px 9px 8px;background:var(--accent-yellow-soft)}.user-status{width:fit-content;padding:3px 7px;border:1px solid var(--line-soft);border-radius:6px 5px 7px 4px;font-size:11px;white-space:nowrap}.user-status-active{color:var(--success);border-color:var(--success)}.user-status-banned{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.admin-activity{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px dashed var(--line-soft)}.admin-activity svg{color:var(--danger)}.admin-activity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Klee One,cursive}.admin-activity small{color:var(--muted-ink);font-size:10px}.admin-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.admin-toolbar .search-field{flex:1}.admin-create-form{margin-bottom:18px;background:var(--accent-yellow-soft)}.admin-table-wrap{overflow:hidden;border:2px solid var(--line);border-radius:15px 11px 17px 13px;background:var(--surface)}.admin-table-head,.admin-table-row{display:grid;grid-template-columns:minmax(220px,1.8fr) .75fr .75fr .9fr auto;align-items:center;gap:12px;padding:12px 15px}.admin-table-head{color:var(--muted-ink);border-bottom:2px solid var(--line);background:var(--surface-muted);font-family:Klee One,cursive;font-size:13px;font-weight:600}.admin-table-row{min-height:67px;border-bottom:1px solid var(--line-soft)}.admin-table-row:last-child{border-bottom:0}.admin-table-row>span:not(.admin-user-line):not(.entry-cell){color:var(--muted-ink);font-size:12px}.role-badge{display:inline-flex;align-items:center;gap:4px;color:var(--ink)!important}.table-date{white-space:nowrap}.table-actions{display:flex;justify-content:flex-end;gap:2px}.danger-icon{color:var(--danger)}.admin-entry-head,.admin-entry-row{grid-template-columns:minmax(220px,1.8fr) .8fr .75fr .75fr auto}.entry-cell{min-width:0;display:flex;align-items:center;gap:9px}.entry-cell>svg{flex:0 0 auto;color:var(--accent-yellow)}.entry-cell>span{min-width:0;display:grid;gap:2px}.entry-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Klee One,cursive;font-size:16px}.entry-cell small{color:var(--muted-ink);font-size:11px}.entry-status{width:fit-content;padding:3px 7px;border:1px solid var(--line-soft);border-radius:6px 5px 7px 4px;font-size:11px}.entry-status-published{color:var(--success);border-color:var(--success)}.entry-status-draft{color:#846b2f;border-color:#846b2f}.entry-status-archived{color:var(--danger);border-color:var(--danger)}.muted-copy{color:var(--muted-ink);font-size:13px}.report-list{display:grid;gap:10px}.report-row{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:12px;padding:14px;border:2px solid var(--line-soft);border-radius:12px 9px 14px 10px;background:var(--surface)}.report-icon{width:31px;height:31px;display:grid;place-items:center;color:var(--danger)}.report-main{display:grid;gap:3px}.report-main strong{font-family:Klee One,cursive;font-size:18px}.report-main span,.report-main small{color:var(--muted-ink);font-size:12px}.report-status{padding:4px 7px;border:1px solid var(--line-soft);border-radius:6px 5px 7px 4px;font-family:DM Mono,monospace;font-size:10px}.report-open{color:var(--danger);border-color:var(--danger)}.report-reviewing{color:#846b2f;border-color:#846b2f}.report-resolved{color:var(--success);border-color:var(--success)}.report-actions{display:flex;gap:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#1d1b183d}.modal-card{width:min(480px,100%);padding:25px;border:3px solid var(--line);border-radius:21px 16px 24px 19px;background:var(--surface);box-shadow:5px 5px #1d1b182e}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header h2{margin:0;font-family:Klee One,cursive;font-size:27px}.modal-card>p{color:var(--muted-ink);line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 32px));padding:13px 13px 13px 16px;border:2px solid var(--line);border-radius:10px 8px 12px 9px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow)}.toast-success>svg{color:var(--success)}.toast-info>svg{color:#846b2f}.toast-error>svg{color:var(--danger)}.toast span{flex:1;font-size:13px}.toast-close{flex:0 0 auto}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:17px 25px;border-top:2px solid var(--line);color:var(--muted-ink);font-family:Klee One,cursive;font-size:14px}.theme-night{--background: #27251f;--surface: #353229;--surface-muted: #413d32;--ink: #fffdf3;--muted-ink: #d4cfc0;--line: #fffdf3;--line-soft: rgba(255, 253, 243, .35);--accent-yellow: #e5c766;--accent-yellow-soft: #65562a}.theme-night .app-root{background:var(--background)}@media(max-width:1050px){.app-root{padding:25px 16px}.browser-frame{min-height:calc(100vh - 50px)}.browser-chrome{min-height:49px}.site-header{gap:10px}.brand{min-width:140px}.nav-button{padding:0 11px;font-size:15px}.page-container{padding-inline:26px}.journal-list{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.editor-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-root{padding:0}.browser-frame{min-height:100vh;border-width:2px;border-radius:20px 23px 18px 21px}.browser-chrome{grid-template-columns:1fr auto;min-height:44px;gap:5px;padding:0 8px;border-bottom-width:2px}.browser-actions{gap:2px}.browser-actions .chrome-button:nth-child(2){display:none}.browser-actions-right{display:none}.address-bar{grid-column:2;grid-row:1;padding:4px 8px;font-size:15px}.site-header{position:relative;min-height:59px;padding:0 11px;border-bottom-width:2px}.brand{min-width:0;font-size:19px}.brand-mark{width:27px;height:27px}.mobile-menu-button{display:inline-flex;margin-left:auto}.site-nav{position:absolute;z-index:10;top:calc(100% + 2px);left:7px;right:7px;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:9px;border:2px solid var(--line);border-radius:11px 8px 13px 10px;background:var(--surface);box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.nav-button{justify-content:flex-start;min-height:43px}.header-actions{gap:3px}.user-actions .outline-button,.user-chip span,.admin-link{display:none}.header-actions>.outline-button{padding:0 9px;font-size:14px}.page-container{padding:28px 16px 44px}.home-page{padding-top:17px}.home-hero{padding:26px 5px 37px}.home-hero h1{font-size:clamp(37px,11vw,56px)}.home-hero p{font-size:13px}.hero-line{left:8%;top:11px}.today-snapshot{margin-bottom:30px;padding-left:4%;font-size:18px}.today-snapshot strong,.today-mood{font-size:18px}.section-heading,.page-title,.preview-toolbar{align-items:flex-start;flex-direction:column;gap:13px}.section-heading h2{font-size:24px}.section-heading .action-button{align-self:flex-start}.page-title{margin-bottom:21px}.page-title h1{font-size:39px}.page-title p{font-size:14px}.journal-list,.journal-list-private{grid-template-columns:1fr;gap:16px}.journal-card{border-width:2px}.card-main{padding:19px 17px 16px}.card-main h3{margin-top:16px;font-size:22px}.filter-row{flex-direction:column}.select-field{width:100%}.form-grid,.editor-aside,.about-grid,.admin-summary,.admin-overview-grid{grid-template-columns:1fr}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar .action-button{align-self:flex-start}.admin-table-head{display:none}.admin-table-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:14px}.admin-table-row>.admin-user-line,.admin-table-row>.entry-cell{grid-column:1 / -1}.admin-table-row>.role-badge,.admin-table-row>.user-status,.admin-table-row>.table-date{grid-column:auto}.admin-table-row>.table-date{justify-self:end}.admin-table-row>.table-actions{grid-column:2;grid-row:2 / span 2}.admin-entry-row>span:not(.entry-cell){display:inline-flex}.admin-entry-row>.table-actions{grid-row:2 / span 3}.editor-actions{justify-content:stretch}.editor-actions .action-button{flex:1;padding-inline:8px}.entry-content{padding:29px 4px;font-size:16px;line-height:1.9}.entry-footer{flex-direction:column}.auth-card{padding:30px 21px 25px;border-width:2px}.report-row{grid-template-columns:30px 1fr auto}.report-status{grid-column:2;justify-self:start}.report-actions{grid-column:2 / -1}.site-footer{flex-direction:column;padding:14px 16px;font-size:12px}.toast{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}