:root{--bg: #140d10;--surface: #211318;--surface-2: #2c1a20;--text: #f4ece8;--muted: #b7a39b;--accent: #c8385c;--accent-deep: #7b1e3a;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:760px;margin:0 auto;min-height:100vh}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0) 16px 0;height:calc(56px + env(safe-area-inset-top,0));background:#140d10d9;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.header-link{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text);text-decoration:none}.header-actions{display:flex;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;font-size:22px;text-decoration:none;color:var(--text);background:var(--surface)}.icon-btn:active{background:var(--surface-2)}.app-main{padding:16px 16px 48px}.app-main:focus{outline:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px}.card-wrap{position:relative}.card{text-decoration:none;color:var(--text);display:block}.card-wrap .speak-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:999px;background:#140d108c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;font-size:16px;line-height:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,transform .1s ease}.card-wrap:hover .speak-btn,.card-wrap:focus-within .speak-btn{opacity:1}@media(hover:none){.card-wrap .speak-btn{opacity:1}}.card-wrap .speak-btn:active{transform:scale(.9)}.cover{aspect-ratio:1 / 1;border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:0 6px 18px #00000059}.cover-img{width:100%;height:100%;object-fit:cover;display:block}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;letter-spacing:.04em;background:linear-gradient(150deg,var(--accent-deep),var(--surface-2));color:var(--text)}.card-title{margin-top:8px;font-weight:600;font-size:15px;line-height:1.2}.card-sub{color:var(--muted);font-size:13px;margin-top:2px}.empty{text-align:center;padding:64px 16px;color:var(--muted)}.empty-title{font-size:20px;color:var(--text);font-weight:700;margin-bottom:4px}.detail-img{width:100%;max-height:60vh;object-fit:contain;border-radius:var(--radius);background:var(--surface);display:block}.detail-title-row{display:flex;align-items:center;gap:10px;margin:16px 0 2px}.detail-title{font-size:26px;margin:16px 0 2px;letter-spacing:-.02em}.title-speak{display:inline-flex;align-items:center;gap:10px;background:none;border:none;padding:0;margin:16px 0 2px;cursor:pointer;color:var(--text);text-align:left;font:inherit;font-size:26px;font-weight:700;letter-spacing:-.02em}.title-speak .speak-inline{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:var(--surface-2);color:var(--accent);font-size:15px;transition:background .15s ease,transform .1s ease}.title-speak:hover .speak-inline{background:var(--accent);color:#fff}.title-speak:active .speak-inline{transform:scale(.9)}.title-speak.speaking .speak-inline{background:var(--accent);color:#fff}.detail-sub{color:var(--muted);margin:0 0 8px}.detail-rating{font-size:20px;color:var(--accent);margin-bottom:8px}.fields{display:flex;flex-direction:column;gap:1px;background:#ffffff0f;border-radius:var(--radius);overflow:hidden}.field{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;background:var(--surface)}.field-label{color:var(--muted)}.field-value{text-align:right}.add-form,.settings-form{display:flex;flex-direction:column;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;color:var(--muted)}.form-hint{font-size:12px;color:var(--muted)}.settings-note{color:var(--muted);font-size:13px;line-height:1.4}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px}textarea{min-height:88px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}[aria-invalid=true]{border-color:#ff8a9a;box-shadow:0 0 0 1px #ff8a9a}[aria-invalid=true]:focus{outline-color:#ff8a9a}.form-errors:empty{display:none}.form-error{color:#ff8a9a;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:600;cursor:pointer;padding:12px 18px;border-radius:12px;border:none;text-decoration:none;background:var(--surface-2);color:var(--text)}.btn.primary{background:var(--accent);color:#fff}.btn.danger{background:transparent;color:#ff8a9a;border:1px solid rgba(255,138,154,.4);margin-top:18px}.btn:active{transform:scale(.99)}.add-screen{display:flex;flex-direction:column;gap:18px}.capture{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.capture-buttons{display:flex;gap:10px;flex-wrap:wrap}.capture-hint{color:var(--muted);font-size:13px;margin:0}.capture-pick{position:relative;overflow:hidden}.capture-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.capture-stage:empty{display:none}.capture-frame{position:relative;display:inline-block;max-width:100%;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:var(--radius);overflow:hidden;background:var(--surface)}.capture-img{display:block;max-width:100%;max-height:60vh;pointer-events:none}.crop-box{position:absolute;display:none;box-sizing:border-box;border:2px solid var(--accent);box-shadow:0 0 0 9999px #00000073;cursor:move}.crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.35) 1px,transparent 1px);background-repeat:no-repeat;background-size:1px 100%,1px 100%,100% 1px,100% 1px;background-position:33.33% 0,66.66% 0,0 33.33%,0 66.66%}.crop-handle{position:absolute;width:22px;height:22px;box-sizing:border-box;border:2px solid var(--accent);background:#ffffffe6;border-radius:50%;touch-action:none}.crop-handle-nw{left:-11px;top:-11px;cursor:nwse-resize}.crop-handle-ne{right:-11px;top:-11px;cursor:nesw-resize}.crop-handle-sw{left:-11px;bottom:-11px;cursor:nesw-resize}.crop-handle-se{right:-11px;bottom:-11px;cursor:nwse-resize}.capture-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.add-photo-preview:empty{display:none}.add-photo-preview{display:flex;align-items:center;gap:10px}.add-photo-preview .thumb{width:64px;height:64px;object-fit:cover;border-radius:10px}.read-status:empty{display:none}.read-status{color:var(--accent);font-size:14px;padding:4px 0}.read-notice{background:#c8385c1f;border:1px solid rgba(200,56,92,.3);color:#ffc2cf;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.4}.add-form-region{display:flex;flex-direction:column;gap:14px}.rating-editor{display:flex;gap:4px;margin-bottom:12px}.rating-editor .star{background:none;border:none;cursor:pointer;padding:2px;font-size:26px;line-height:1;color:var(--muted)}.rating-editor .star.filled{color:var(--accent)}.rating-editor .star:active{transform:scale(.9)}.toolbar{display:flex;gap:8px;margin-bottom:16px}.toolbar .search-input{flex:1}.toolbar .sort-select{width:auto;flex:0 0 auto}.settings-screen{display:flex;flex-direction:column;gap:22px}.settings-section{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.settings-section .btn{align-self:flex-start}.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.import-input{display:none}.detail-description{color:var(--text);line-height:1.5;margin:0 0 14px;opacity:.92}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.notes-section{display:flex;flex-direction:column;gap:8px;margin-top:18px}.notes-input{width:100%;min-height:96px;resize:vertical}.notes-actions{display:flex;align-items:center;gap:12px}.notes-status{color:#8fe0b0;font-size:13px}.map-screen{display:flex;flex-direction:column;gap:12px}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.map{width:100%;height:72vh;min-height:320px;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.1);background:var(--surface)}.leaflet-container{background:#0c0709}.wine-pin span{display:block;width:16px;height:16px;border-radius:50%;border:2px solid #1a1014;box-shadow:0 0 0 1px #ffffff59}