:root{--cream: #f4f2ec;--cream-deep: #ebe7dd;--paper: #ffffff;--paper-tint: #f9f8f3;--ink: #1c1d16;--ink-2: #3c3e34;--muted: #93958b;--muted-2: #b4b6ad;--olive: #3f4a2c;--olive-2: #4a5731;--olive-soft: #e1e8d3;--olive-line: #c8d4b0;--coral: #e47554;--coral-2: #d65c3a;--coral-soft: #fbe5dd;--coral-tint: #fff0ea;--hair: rgba(28, 29, 22, .06);--hair-2: rgba(28, 29, 22, .1);--shadow-card: 0 2px 12px rgba(28, 29, 22, .04), 0 1px 3px rgba(28, 29, 22, .03);--shadow-fab: 0 8px 28px rgba(228, 117, 84, .35), 0 2px 8px rgba(228, 117, 84, .25);--shadow-pin: 0 6px 24px rgba(63, 74, 44, .18), 0 2px 8px rgba(63, 74, 44, .12);--display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--body: "Onest", ui-sans-serif, system-ui, sans-serif;--radius-card: 22px;--radius-pill: 999px;--radius-icon: 16px}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:none;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(ellipse 60% 80% at 0% 0%,transparent 60%,rgba(63,74,44,.04) 100%),radial-gradient(ellipse 80% 60% at 100% 100%,transparent 60%,rgba(228,117,84,.05) 100%)}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,textarea,select{font-family:inherit;color:inherit}:focus-visible{outline:2px solid var(--coral);outline-offset:2px}::selection{background:var(--coral);color:#fff}.app{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:0}.main{width:100%;max-width:520px;padding:24px 20px 140px;position:relative;flex:1}.page-head{margin-bottom:28px}.page-head-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.back-btn{width:40px;height:40px;border-radius:50%;background:var(--paper);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);flex-shrink:0;transition:transform .15s,background .15s}.back-btn:hover{background:var(--cream-deep);transform:translate(-2px)}.page-title{font-family:var(--display);font-weight:700;font-size:32px;letter-spacing:-.02em;line-height:1.05;font-variation-settings:"opsz" 36;color:var(--ink)}.page-title-large{font-size:clamp(30px,7vw,38px);text-transform:uppercase;letter-spacing:-.015em;font-weight:800}.page-subtitle{font-family:var(--body);font-size:15px;font-weight:400;color:var(--muted);margin-top:6px}.head-meta{display:flex;align-items:center;gap:8px;font-family:var(--body);font-size:13px;color:var(--muted);margin-top:4px}.head-meta .dot{color:var(--coral);font-weight:700}.cards{display:flex;flex-direction:column;gap:12px}.card{position:relative;display:flex;align-items:center;gap:14px;padding:16px 14px 16px 18px;background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform .15s ease-out,box-shadow .18s;min-height:84px}.card:hover{transform:translateY(-1px);box-shadow:0 4px 18px #1c1d160f,0 1px 3px #1c1d160a}.card:active{transform:translateY(0)}.card-pinned{background:var(--olive);color:#f3f0e6;box-shadow:var(--shadow-pin)}.card-pinned .card-name{color:#fdfbf3}.card-pinned .card-meta{color:#fdfbf3b8}.card-pinned .card-icon-wrap{background:#fdfbf3eb;color:var(--olive)}.card-pinned .card-tag{background:var(--coral);color:#fff}.card-pinned .card-menu{color:#fdfbf3b8}.card-icon-wrap{width:48px;height:48px;border-radius:50%;background:var(--cream-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--olive)}.card-icon-wrap-topic{border-radius:14px;background:var(--coral-tint);color:var(--coral-2)}.card-body{flex:1;min-width:0;padding-right:8px}.card-name{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.005em;color:var(--ink);line-height:1.25;margin-bottom:2px;font-variation-settings:"opsz" 18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-family:var(--body);font-size:13px;color:var(--muted);font-weight:500}.card-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.card-menu{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:background .15s,color .15s}.card-menu:hover{background:var(--cream);color:var(--ink)}.card-pinned .card-menu:hover{background:#fdfbf326;color:#fff}.card-tag{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--olive-2);background:var(--olive-soft);padding:4px 10px;border-radius:var(--radius-pill)}.card-tag-coral{color:var(--coral-2);background:var(--coral-tint)}.card-tag-neutral{color:var(--muted);background:var(--cream-deep)}.card-check{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--coral-soft);display:inline-flex;align-items:center;justify-content:center;color:var(--coral);flex-shrink:0}.card-check-on{background:var(--olive-2);border-color:var(--olive-2);color:#fff}.cards-section{margin-bottom:24px}.cards-section-label{font-family:var(--body);font-weight:600;font-size:13px;letter-spacing:.01em;color:var(--ink-2);margin-bottom:10px;padding:0 4px;display:flex;justify-content:space-between;align-items:baseline}.cards-section-label .count{font-weight:500;color:var(--muted);font-size:12px}.search-bar{display:flex;align-items:center;gap:10px;background:var(--paper);border-radius:var(--radius-pill);padding:12px 18px;margin-bottom:20px;box-shadow:var(--shadow-card)}.search-bar svg{color:var(--muted);flex-shrink:0}.search-bar input{flex:1;border:0;outline:none;background:transparent;font-family:var(--body);font-size:15px;color:var(--ink)}.search-bar input::placeholder{color:var(--muted)}.search-clear{color:var(--muted);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%}.search-clear:hover{background:var(--cream);color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--body);font-size:13px;color:var(--ink-2);background:var(--paper);border-radius:var(--radius-pill);padding:8px 14px;box-shadow:var(--shadow-card);font-weight:500;cursor:pointer;transition:background .15s,color .15s}.chip:hover{background:var(--coral-tint);color:var(--coral-2)}.fab-bar{position:fixed;bottom:max(20px,env(safe-area-inset-bottom,20px));left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:50}.fab{width:56px;height:56px;border-radius:50%;background:var(--coral);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-fab);transition:transform .18s,background .18s}.fab:hover{background:var(--coral-2);transform:translateY(-2px)}.fab:active{transform:translateY(0)}.fab-secondary{background:var(--paper);color:var(--coral-2);box-shadow:0 4px 18px #1c1d1614,0 1px 3px #1c1d160d}.fab-secondary:hover{background:var(--coral-tint)}.fab-bg{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;height:120px;pointer-events:none;z-index:40;background:linear-gradient(to bottom,transparent 0%,var(--cream) 60%)}.empty{text-align:center;padding:56px 24px 32px;background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.empty-icon{width:64px;height:64px;border-radius:50%;background:var(--coral-tint);color:var(--coral);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.empty h3{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--ink);margin-bottom:8px}.empty p{font-family:var(--body);font-size:14px;color:var(--muted);line-height:1.5;max-width:320px;margin:0 auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1d1673;z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-sheet{width:100%;max-width:520px;background:var(--paper);border-radius:28px 28px 0 0;padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px #1c1d161f;animation:slide-up .3s cubic-bezier(.2,.9,.3,1);position:relative}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-sheet:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:44px;height:4px;border-radius:2px;background:var(--cream-deep)}.modal-kicker{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--coral);margin-top:8px;margin-bottom:4px}.modal-title{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.015em;color:var(--ink);margin-bottom:18px;font-variation-settings:"opsz" 36}.segmented{display:flex;gap:6px;background:var(--cream);padding:4px;border-radius:var(--radius-pill);margin-bottom:16px}.segmented-item{flex:1;text-align:center;font-family:var(--body);font-size:14px;font-weight:600;padding:10px 16px;border-radius:var(--radius-pill);color:var(--muted);transition:background .15s,color .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.segmented-item-active{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-card)}.field-label{display:block;font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--ink-2);margin-bottom:6px;padding-left:4px}.field-hint{font-weight:400;color:var(--muted)}.textinput{width:100%;background:var(--cream);border:0;border-radius:16px;font-family:var(--body);font-size:16px;padding:14px 18px;outline:none;color:var(--ink);transition:background .15s,box-shadow .15s}.textinput::placeholder{color:var(--muted)}.textinput:focus{background:var(--paper);box-shadow:inset 0 0 0 2px var(--coral-soft)}.urlpreview{margin-top:14px;padding:12px 14px;background:var(--cream);border-radius:14px}.urlpreview-label{display:block;font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted);margin-bottom:6px;text-transform:uppercase}.urlpreview-link{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;word-break:break-all;color:var(--coral-2);line-height:1.5;text-decoration:underline;text-underline-offset:2px}.errortext{font-family:var(--body);font-size:13px;color:var(--coral-2);margin-top:12px;font-weight:500}.modal-actions{display:flex;gap:10px;margin-top:20px}.btn{flex:1;font-family:var(--body);font-size:15px;font-weight:600;padding:14px 20px;border-radius:var(--radius-pill);transition:background .15s,color .15s,transform .12s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--olive)}.btn-ghost{background:var(--cream);color:var(--ink-2)}.btn-ghost:hover{background:var(--cream-deep)}.btn-danger{background:var(--coral-tint);color:var(--coral-2)}.btn-danger:hover{background:var(--coral);color:#fff}.action-list{display:flex;flex-direction:column;gap:4px}.action-btn{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font-family:var(--body);font-size:16px;font-weight:500;padding:14px 16px;border-radius:14px;color:var(--ink);transition:background .15s,color .15s}.action-btn:hover{background:var(--cream)}.action-btn-icon{width:36px;height:36px;border-radius:50%;background:var(--cream);color:var(--olive);display:inline-flex;align-items:center;justify-content:center}.action-btn-danger{color:var(--coral-2)}.action-btn-danger .action-btn-icon{background:var(--coral-tint);color:var(--coral-2)}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;background:var(--paper);padding:14px 18px;border-radius:18px;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s}.settings-row:hover{transform:translateY(-1px)}.settings-row-selected{background:var(--olive);color:#fdfbf3}.settings-row-selected .settings-row-meta{color:#fdfbf3b8}.settings-row-label{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:-.005em}.settings-row-meta{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:var(--muted);margin-top:4px}.settings-check{color:var(--coral);font-weight:700}.settings-row-selected .settings-check{color:#fff}.move-list{display:flex;flex-direction:column;gap:6px}.move-row{display:flex;align-items:center;gap:12px;background:var(--paper);padding:14px 16px;border-radius:16px;box-shadow:var(--shadow-card);cursor:pointer;font-family:var(--body);font-size:15px;font-weight:500;transition:transform .15s}.move-row:hover{transform:translateY(-1px);background:var(--paper-tint)}.move-row-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.move-icon{width:36px;height:36px;border-radius:12px;background:var(--cream);color:var(--olive);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.move-icon-root{background:var(--coral-tint);color:var(--coral-2)}.move-row-name{flex:1}.move-row-hint{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.is-dragging{opacity:.5!important}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-head{animation:appear .5s ease-out .05s both}.search-bar{animation:appear .5s ease-out .15s both}.cards-section{animation:appear .55s ease-out .22s both}.cards-section:nth-child(2){animation-delay:.3s}.cards-section:nth-child(3){animation-delay:.38s}.fab-bar{animation:appear .5s ease-out .4s both}@media(min-width:600px){body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 12% 18%,rgba(228,117,84,.06),transparent 30%),radial-gradient(circle at 88% 78%,rgba(63,74,44,.05),transparent 32%)}}