:root{--bg: #efe5d1;--bg-deep: #d8c4a1;--panel: rgba(252, 248, 240, .78);--panel-strong: #fffaf1;--panel-dark: #233127;--border: rgba(39, 56, 35, .14);--border-strong: rgba(39, 56, 35, .24);--text: #1d281f;--muted: #637061;--accent: #1e6a41;--accent-strong: #174f31;--accent-soft: rgba(30, 106, 65, .1);--warm: #c7832d;--warm-soft: rgba(199, 131, 45, .14);--danger: #8b3c31;--shadow-lg: 0 24px 70px rgba(37, 43, 28, .14);--shadow-md: 0 16px 40px rgba(37, 43, 28, .09);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--radius-pill: 999px}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(199,131,45,.28),transparent 26%),radial-gradient(circle at 80% 20%,rgba(30,106,65,.14),transparent 32%),linear-gradient(180deg,#f5ecdb 0%,var(--bg) 55%,#ebdfc8 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(#ffffff24,#fff0),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 120px);opacity:.32}button,input,select,textarea{font:inherit}button,input,select,textarea{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #1e6a412e}.shell{position:relative;z-index:1;display:grid;grid-template-columns:252px minmax(0,1fr);gap:16px;padding:16px}.sidebar,.workspace{min-height:calc(100vh - 48px)}.sidebar,.workspace,.list-panel,.detail-panel{display:flex;flex-direction:column}.sidebar,.workspace{gap:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md)}.brand,.note,.list-panel,.detail-panel,.hero,.toolbar,.entry-form{padding:18px}.brand{position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.brand:after{content:"";position:absolute;inset:auto -30px -30px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(199,131,45,.28),transparent 68%)}.brand h1,.hero h2,.dialog-header h2{margin:8px 0 12px;font-family:Fraunces,Avenir Next,Segoe UI,sans-serif;font-weight:700;letter-spacing:-.04em;line-height:1}.brand h1{font-size:clamp(1.25rem,1.8vw,1.75rem);max-width:12ch}.hero h2{font-size:clamp(1.05rem,1.5vw,1.45rem);max-width:18ch}.toolbar h3,.detail-header h3,.note h2{margin:6px 0 0;font-family:Fraunces,Avenir Next,Segoe UI,sans-serif;font-size:1.05rem;line-height:1.12}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--accent)}.subtle,.metric-label,.field-label,.entry-meta,.list-header,.search span{color:var(--muted)}.metric-label,.field-label,.search span,.list-header span{font-family:Avenir Next,Segoe UI,sans-serif}.subtle,.entry-preview,.detail-section p,.search-summary{font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.4}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:14px;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:6px}.stat-card strong,.mini-panel strong{font-size:.96rem;line-height:1.2;font-weight:700;font-family:Avenir Next,Segoe UI,sans-serif}.stat-caption{margin:6px 0 0;font-size:.78rem;color:var(--muted);font-family:Avenir Next,Segoe UI,sans-serif}.actions{display:grid;gap:8px}.button,.icon-button,.entry-item{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.button,.icon-button{border:0;border-radius:var(--radius-pill);padding:11px 15px;cursor:pointer}.button:hover,.icon-button:hover,.entry-item:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;box-shadow:0 12px 24px #1e6a412e}.button.secondary{background:var(--accent-soft);color:var(--accent)}.button.ghost{background:#ffffff75;border:1px solid var(--border);color:var(--text)}.button.danger{background:#8b3c311f;color:var(--danger)}.file-button{display:inline-flex;justify-content:center;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);gap:12px;align-items:start;box-shadow:var(--shadow-lg)}.hero-copy{display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.hero-side{display:grid;gap:10px}.hero-copy .subtle{max-width:58ch;line-height:1.45}.auth-card{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,#ffffff7a,#ffffff38),var(--panel-strong)}.auth-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.apple-signin-container:empty{display:none}.hero-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mini-panel{padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#fffaf1d1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:6px}.toolbar{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:12px;padding-top:14px;padding-bottom:14px}.search{display:grid;gap:4px;width:100%;justify-self:end}.search input,.entry-form input,.entry-form select,.entry-form textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;background:#ffffffbd}.search input:focus,.entry-form input:focus,.entry-form select:focus,.entry-form textarea:focus{border-color:var(--border-strong)}.workspace-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;flex:1;min-height:0}.list-panel,.detail-panel{min-height:0}.list-header,.detail-header,.dialog-header,.dialog-actions,.entry-item-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.list-header{margin-bottom:10px}.list-header p{margin:6px 0 0}.entry-list{display:grid;gap:10px;overflow:auto;padding-right:4px}.entry-item{width:100%;text-align:left;border:1px solid transparent;border-radius:var(--radius-lg);padding:14px;cursor:pointer;background:linear-gradient(180deg,#ffffffa8,#ffffff61),var(--panel-strong);box-shadow:0 10px 24px #252b1c0f}.entry-item.active{border-color:#1e6a414d;background:linear-gradient(180deg,#1e6a411f,#1e6a410f),var(--panel-strong);box-shadow:0 18px 32px #1e6a411f}.entry-type,.badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:5px 10px;font-size:.78rem;font-family:Avenir Next,Segoe UI,sans-serif;background:var(--warm-soft);color:#82520f}.entry-rating{font-family:Avenir Next,Segoe UI,sans-serif;color:var(--accent);font-weight:700}.entry-strain{display:block;margin-top:8px;font-size:1rem}.entry-meta{margin:6px 0 8px;font-size:.85rem}.entry-preview,.detail-section p{margin:0}.entry-item-footer{display:flex;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(39,56,35,.08);color:var(--muted);font-size:.78rem;font-family:Avenir Next,Segoe UI,sans-serif}.detail-panel{position:relative}.empty-state,.entry-detail{height:100%}.empty-state{display:grid;align-content:center;justify-items:center;text-align:center;padding:24px}.entry-detail{display:grid;align-content:start;gap:16px}.detail-heading p{margin-bottom:0}.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:12px;padding:14px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1e6a411f,#c7832d14),#fffaf1b3}.detail-hero-copy{display:grid;gap:10px;align-content:start}.detail-summary{margin:0;font-size:.9rem;line-height:1.45}.detail-score-card,.detail-metric-card,.tag-group{border:1px solid rgba(39,56,35,.08);border-radius:var(--radius-lg);background:#ffffff70}.detail-score-card{display:grid;align-content:space-between;padding:14px}.detail-score-card strong{font-size:1.2rem;line-height:1.1;font-family:Avenir Next,Segoe UI,sans-serif}.detail-grid,.tag-columns,.form-grid{display:grid;gap:12px}.detail-grid,.tag-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-metric-card,.tag-group{padding:12px}.detail-metric-card p{margin:8px 0 0}.detail-section{padding-top:14px;border-top:1px solid rgba(39,56,35,.1)}.section-heading{margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);padding:6px 10px;font-size:.88rem;font-family:Avenir Next,Segoe UI,sans-serif}.hidden{display:none}.entry-dialog{width:min(840px,calc(100vw - 32px));border:0;padding:0;border-radius:28px;background:transparent}.entry-dialog::backdrop{background:#161b146b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.entry-form{background:var(--panel-strong);border-radius:28px;box-shadow:var(--shadow-lg)}.editor-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px;margin-top:18px;padding:18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1e6a4124,#c7832d14),#fffaf1eb;border:1px solid rgba(39,56,35,.08)}.editor-hero-copy{display:grid;gap:10px;align-content:start}.editor-hero-copy h3{margin:0;font-family:Fraunces,Avenir Next,Segoe UI,sans-serif;font-size:1.15rem;line-height:1.15}.editor-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor-preview-card{display:grid;gap:8px;padding:14px;border-radius:var(--radius-md);background:#ffffff8c;border:1px solid rgba(39,56,35,.08)}.editor-preview-card strong{font-size:.96rem;line-height:1.2;font-family:Avenir Next,Segoe UI,sans-serif}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 24px}.entry-form label{display:grid;gap:6px;font-family:Avenir Next,Segoe UI,sans-serif}.full-width{grid-column:1 / -1}.icon-button{width:42px;height:42px;border:1px solid var(--border);background:transparent}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.brand,.hero,.toolbar,.list-panel,.detail-panel,.stat-card,.note{animation:rise-in .42s ease both}.entry-item{animation:rise-in .32s ease both}.entry-dialog[open] .entry-form{animation:rise-in .26s ease both}@media(max-width:1180px){.shell,.workspace-grid,.hero{grid-template-columns:1fr}.sidebar,.workspace{min-height:auto}}@media(max-width:780px){.shell{padding:16px}.stats-grid,.hero-mini-grid,.editor-hero,.editor-preview-grid,.detail-hero,.detail-grid,.tag-columns,.form-grid{grid-template-columns:1fr}.toolbar,.detail-header,.dialog-header,.dialog-actions,.auth-card{flex-direction:column;align-items:stretch}.toolbar{grid-template-columns:1fr}.search{width:100%}.entry-item-footer{flex-direction:column;gap:4px}.auth-actions{justify-content:flex-start}.brand,.note,.list-panel,.detail-panel,.hero,.toolbar,.entry-form{padding:20px}}