@font-face{font-family:Selecta;src:url('./fonts/Selecta-Regular.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Selecta;src:url('./fonts/Selecta-Medium.otf') format('opentype');font-weight:500 900;font-display:swap}
:root{font-family:Selecta,Arial,sans-serif;color:#191919;background:#f0f0f0;font-synthesis:none;--muted:#777872;--line:#e4e3df;--accent:#5267c9}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6479d6;outline-offset:5px}button{border:0}a{color:inherit}button:disabled{opacity:.45;cursor:default}.top{height:94px;padding:0 4vw;display:flex;align-items:center;gap:27px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:650;letter-spacing:-1.2px;text-decoration:none}.brand svg{width:27px;height:27px}.top-label{border-left:1px solid #d7d6d1;padding-left:27px;font-size:14px;color:var(--muted)}.top>.quiet{margin-left:auto}.quiet{background:transparent;color:var(--muted);font-size:14px;padding:10px 0}.quiet:hover{color:#222}.layout{max-width:1370px;display:grid;grid-template-columns:300px 1fr;margin:auto;min-height:calc(100svh - 94px)}aside{padding:38px 26px 24px 38px;border-right:1px solid var(--line);display:flex;flex-direction:column}.aside-head h1{font-size:21px;letter-spacing:-.6px;line-height:1.2;margin:0 0 9px;font-weight:600}.aside-head p{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 28px;max-width:220px}#case-list{display:flex;flex-direction:column;gap:6px}.case{background:transparent;border-radius:17px;display:flex;align-items:center;gap:13px;text-align:left;padding:9px;width:100%;color:#32332f;transition:background .18s}.case:hover{background:#ecebe6}.case[aria-current=true]{background:#fff;box-shadow:0 2px 7px #25272309,0 0 0 1px #25272305}.case-icon{width:43px;height:43px;position:relative;overflow:hidden;border-radius:12px;background:#e8e7e2;flex:none;display:grid;place-items:center;font-size:23px;box-shadow:inset 0 1px 1px #ffffffa6}.case-icon img{width:100%;height:100%;object-fit:cover}.case-title{display:block;font-size:14px;font-weight:550}.case-sub{display:block;font-size:12px;color:var(--muted);margin-top:4px}.case .chev{margin-left:auto;color:#aaa}.demo-note{font-size:12px;color:#91928b;margin-top:auto;padding-top:25px;line-height:1.5}.stage{padding:28px 54px 20px;display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 50% 49%,#fff8,transparent 67%)}.stage-top{display:flex;justify-content:space-between;align-items:center}.stage-top>span{color:var(--muted);font-size:13px}.conversation{width:100%;max-width:400px;margin:auto;min-height:555px;padding:28px 0 20px;display:flex;flex-direction:column;align-items:flex-start}.clue{display:flex;align-items:center;gap:6px;color:#8a8b85;font-size:12px;align-self:center;margin-bottom:24px}.message{max-width:92%;font-size:16px;line-height:1.45;letter-spacing:-.2px}.message.user{align-self:flex-end;background:#e7e7e1;border-radius:20px 20px 5px 20px;padding:12px 17px;margin-bottom:23px;max-width:85%}.assistant-label{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;margin-bottom:8px}.assistant-label svg{width:17px;height:17px}.message.assistant{margin:0 0 20px 2px}.widget-wrap{width:100%;max-width:330px;align-self:center}.widget-card{width:100%;aspect-ratio:1;position:relative;border-radius:32px;overflow:hidden;isolation:isolate;box-shadow:0 22px 35px -23px #232f4566,0 2px 4px #20272812,0 0 0 1px #20272808;background:#e6e8e8}.widget-card .field{position:absolute;width:100%;height:100%;inset:0;border-radius:inherit}.widget-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.pill{border:1px solid #deded8;background:#ffffff80;padding:9px 15px;border-radius:99px;font-size:13px;color:#4c4e47;min-height:38px}.pill:hover{background:white}.pill.primary{background:#252823;color:#fff;border-color:#252823}.widget-note{font-size:12px;text-align:center;color:#8b8d85;margin:13px 0 0}.stage-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#92928b;font-size:12px}.stage-foot div{display:flex;gap:8px}.stage-foot button{width:38px;height:38px;border-radius:50%;background:transparent;border:1px solid #deded8;font-size:18px;color:#62645a}.stage-foot button:hover{background:white}.reveal{animation:arrive .55s cubic-bezier(.2,.8,.2,1) both}.reveal.d1{animation-delay:.18s}.reveal.d2{animation-delay:.55s}.reveal.d3{animation-delay:.9s}@keyframes arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.ski-overlay{position:absolute;inset:0;z-index:10;padding:28px;color:white;background:linear-gradient(180deg,#19394e0a,#112b4310 40%,#10213185)}.ski-top{font-size:13px;opacity:.9;display:flex;justify-content:space-between}.ski-count{font-size:98px;font-weight:550;letter-spacing:-7px;line-height:1;margin-top:31px}.ski-label{font-size:17px;letter-spacing:-.3px;margin-top:6px}.ski-bottom{position:absolute;bottom:26px;left:28px;right:28px;font-size:12px;display:flex;justify-content:space-between}.ski-progress{position:absolute;bottom:53px;left:28px;right:28px;display:flex;gap:3px}.ski-progress i{height:5px;flex:1;border-radius:5px;background:#ffffff35}.ski-progress i.filled{background:#fff}.winter-grid{position:absolute;z-index:11;inset:0;background:#f0f3f5;padding:22px;color:#25343f}.winter-grid h3{font-size:23px;margin:6px 0 2px;letter-spacing:-1px}.winter-grid p{font-size:12px;color:#667783;margin:0}.winter-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:21px}.winter-icons button{aspect-ratio:1;background:linear-gradient(#fff,#e5eaf0);box-shadow:0 4px 8px #192c3710,inset 0 1px 1px white;border-radius:18px;font-size:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.winter-icons small{font-size:10px;color:#637481}.winter-status{font-size:13px;margin-top:17px;line-height:1.4}.travel-overlay{position:absolute;z-index:10;inset:0;background:linear-gradient(180deg,#0003,transparent 42%,#000b);color:white;padding:24px}.travel-top{display:flex;justify-content:space-between;font-size:12px}.travel-bottom{position:absolute;bottom:23px;left:24px;right:24px}.travel-bottom small{font-size:12px}.travel-bottom h3{font-size:31px;line-height:1.03;letter-spacing:-1.5px;margin:6px 0 11px}.travel-bottom p{font-size:12px;margin:0;opacity:.8}.place-list{position:absolute;z-index:11;inset:0;padding:22px;background:#faf9f4}.place-list h3{font-size:21px;margin:0 0 12px}.place-row{display:flex;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid #e2e1da;background:none;gap:12px}.place-row b{font-size:13px}.place-row small{display:block;font-size:11px;color:#84867e;margin-top:5px}.place-row>span:first-child{color:#aaa;font-size:14px}.place-row .selected{color:#5165bd}.movie-art{position:absolute;inset:0;background:#111}.movie-art>img{width:100%;height:100%;object-fit:cover;object-position:center 27%;filter:brightness(.87)}.movie-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#000d)}.movie-meta{position:absolute;z-index:2;bottom:25px;left:25px;right:25px;color:white}.movie-meta h3{font-size:29px;letter-spacing:-1.1px;line-height:1.05;margin:8px 0}.movie-meta p{font-size:12px;opacity:.8;margin:0}.movie-tag{position:absolute;z-index:2;top:22px;left:22px;background:#fffddd;backdrop-filter:blur(10px);border-radius:99px;padding:7px 11px;font-size:11px;color:#283629}.match{color:#d9e799;font-size:12px}.alternate-movie{background:linear-gradient(130deg,#19222b,#405946);display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;color:#e5dcc0}.alternate-movie .film-symbol{font-size:86px;font-family:Georgia,serif;letter-spacing:-5px;line-height:1}.alternate-movie .country{font-size:12px;margin-top:15px;letter-spacing:4px}.saved-notice{font-size:13px;text-align:center;color:#58665a;margin:15px 0 0}.ski .w-place .cap,.ski .w-place .temp,.barcelona .w-place .cap,.barcelona .w-place .temp{display:none}
dialog{border:1px solid var(--line);border-radius:26px;max-width:800px;width:calc(100% - 30px);max-height:90svh;padding:38px;color:#30322c;background:#fbfaf7;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#20241d55;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:19px;top:15px;background:none;font-size:27px;color:#777}dialog h2{font-size:32px;line-height:1.14;letter-spacing:-1px;font-weight:550}dialog p{font-size:15px;line-height:1.6;color:#73766d}dialog h3{font-size:16px}.eyebrow{font-size:12px;color:#777}.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:25px 0}.research-grid a,.source-links a{font-size:13px;color:#5267b2}.small,dialog .small{font-size:12px}.bar-row{display:grid;grid-template-columns:70px 1fr 22px;gap:9px;align-items:center;font-size:12px;margin:9px 0}.bar-row i{height:6px;border-radius:9px;background:#8998c1}.source-links{display:flex;flex-wrap:wrap;gap:15px}.credits{border-top:1px solid var(--line);padding-top:20px;margin-top:28px}
@media(min-width:1450px){.layout{grid-template-columns:320px 1fr}.conversation{max-width:420px;padding-top:40px;padding-bottom:30px}.widget-wrap{max-width:350px}.ski-count{margin-top:40px}}@media(max-width:850px){.top{height:73px;padding:0 22px;gap:15px}.top-label{padding-left:15px;font-size:12px}.top>.quiet{font-size:12px}.layout{grid-template-columns:230px 1fr;min-height:calc(100svh - 73px)}aside{padding:27px 15px}.aside-head h1{font-size:19px}.stage{padding:20px 28px}.conversation{min-height:545px}.case-sub{font-size:11px}.case-title{font-size:13px}.case-icon{width:37px;height:37px}}@media(max-width:620px){.top{height:66px;padding:0 18px}.brand{font-size:23px}.brand svg{width:24px;height:24px}.top-label{border:0;padding:0;font-size:11px}.top>.quiet{font-size:0}.top>.quiet:after{content:'About ↗';font-size:12px}.layout{display:flex;flex-direction:column;min-height:calc(100svh - 66px)}aside{padding:18px 0 13px;border-right:0;border-bottom:1px solid var(--line)}.aside-head{display:none}#case-list{flex-direction:row;overflow:auto;padding:2px 18px 5px;gap:10px;scrollbar-width:none}.case{flex-direction:column;width:83px;flex:none;padding:7px 3px;gap:7px;border-radius:15px;text-align:center}.case-icon{width:43px;height:43px}.case-title{font-size:10px;white-space:nowrap;font-weight:500}.case-sub,.chev,.demo-note{display:none}.stage{padding:10px 25px 18px;flex:1}.stage-top{padding-bottom:4px}.stage-top>span{font-size:11px}.quiet{font-size:12px}.conversation{padding:17px 0 15px;max-width:350px;min-height:0}.clue{margin-bottom:16px;font-size:11px}.message{font-size:14px}.message.user{padding:10px 14px;margin-bottom:18px}.message.assistant{margin-bottom:17px}.widget-wrap{max-width:285px}.ski-count{font-size:82px;margin-top:27px}.ski-overlay{padding:23px}.ski-label{font-size:15px}.ski-bottom{left:23px;right:23px;bottom:23px}.ski-progress{left:23px;right:23px;bottom:49px}.widget-actions{margin-top:15px}.pill{font-size:12px;padding:9px 13px}.stage-foot{padding-top:0}.winter-grid{padding:20px}.winter-grid h3{font-size:21px}.winter-icons{margin-top:15px;gap:7px}.winter-icons button{border-radius:13px;font-size:21px}.winter-status{margin-top:13px;font-size:12px}.research-grid{grid-template-columns:1fr;gap:15px}dialog{padding:27px}dialog h2{font-size:27px}.travel-bottom h3{font-size:27px}}
@media(min-width:621px) and (max-height:820px){.layout{height:calc(100svh - 94px);min-height:590px}aside{padding-top:24px;padding-bottom:12px;overflow:auto}.aside-head p{margin-bottom:17px}.case{min-height:45px;padding:6px 8px;gap:10px}.case-icon{width:35px;height:35px;border-radius:10px;font-size:20px}.case-title{font-size:13px}.case-sub{font-size:11px;margin-top:3px}.demo-note{padding-top:14px}.stage{padding-top:16px;padding-bottom:12px}.conversation{min-height:0;max-width:370px;padding:10px 0}.clue{margin-bottom:15px}.message{font-size:14px}.message.user{margin-bottom:16px;padding:10px 15px}.message.assistant{margin-bottom:15px}.widget-wrap{max-width:250px}.widget-card{border-radius:26px}.ski-overlay{padding:21px}.ski-top{font-size:11px}.ski-count{font-size:73px;margin-top:21px;letter-spacing:-5px}.ski-label{font-size:14px}.ski-bottom{bottom:20px;left:21px;right:21px;font-size:10px}.ski-progress{bottom:43px;left:21px;right:21px}.widget-actions{margin-top:14px;gap:6px}.pill{font-size:12px;padding:8px 12px;min-height:34px}.widget-note{font-size:11px;margin-top:10px}.winter-grid{padding:18px}.winter-grid h3{font-size:19px}.winter-grid p{font-size:10px}.winter-icons{gap:7px;margin-top:13px}.winter-icons button{font-size:20px;border-radius:12px;gap:3px}.winter-icons small{font-size:9px}.winter-status{font-size:11px;margin-top:12px}.travel-overlay{padding:19px}.travel-top{font-size:10px}.travel-bottom{left:19px;right:19px;bottom:20px}.travel-bottom h3{font-size:25px}.travel-bottom p{font-size:10px}.place-list{padding:18px}.place-list h3{font-size:18px;margin-bottom:5px}.place-row{padding:10px 0}.place-row b{font-size:11px}.place-row small{font-size:10px}.movie-meta{left:20px;bottom:20px}.movie-meta h3{font-size:26px}.movie-meta p{font-size:10px}.movie-tag{top:17px;left:17px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} 

.winter-grid{display:flex;flex-direction:column}.winter-icons{flex:1;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}.winter-icons button{aspect-ratio:auto;min-height:0}.winter-status{flex:none;min-height:30px}
@media(max-width:620px),(max-height:820px){.winter-grid>p:first-child{display:none}.winter-icons{margin-top:12px}.winter-status{margin-top:10px}}

.brand svg{width:100px;height:auto;display:block}.assistant-label svg{width:20px;height:17px}.message.user{background:#e5e5e5}.pill.primary{background:#191919;border-color:#191919}
@media(max-width:620px){.brand svg{width:88px;height:auto}}

/* Compact app previews align with the assistant's message. */
.conversation{max-width:440px;align-items:flex-start}.widget-wrap{width:190px;max-width:190px;align-self:flex-start;margin-left:2px}.widget-frame{width:190px;height:190px;position:relative}.widget-card{width:330px;height:330px;aspect-ratio:1;transform:scale(.57575758);transform-origin:top left;border-radius:32px}.widget-hit{position:absolute;inset:0;width:100%;height:100%;background:transparent;border-radius:19px;cursor:pointer}.widget-hit:hover{box-shadow:0 0 0 2px #19191924}.widget-actions,.widget-note{display:none}.open-app{background:transparent;display:block;padding:12px 0;color:#777;font-size:12px;text-align:left}.open-app:hover{color:#191919}.vinyl-design{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.clue{align-self:flex-start;margin-left:2px}.full-app{max-width:950px;width:calc(100% - 32px);padding:25px 32px 20px;max-height:94svh}.full-app header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.full-app h2{font-size:22px;margin:0}.full-app header button{background:none;font-size:29px;color:#777}.full-app-layout{display:grid;grid-template-columns:330px 1fr;gap:38px}.full-app .widget-wrap{width:330px;max-width:330px;margin:0}.full-app .widget-frame{width:330px;height:330px}.full-app .widget-card{transform:none}.full-app .widget-hit,.full-app .open-app{display:none}.full-app .widget-actions{display:flex}.full-app .widget-note{display:block}.full-demo{font-size:12px!important;color:#909090!important;margin-top:28px}.app-list{display:grid;gap:16px;margin-top:26px}.app-list label{display:flex;align-items:center;gap:10px;font-size:14px}.app-list input{accent-color:#191919;width:18px;height:18px}#full-details h3{font-size:20px;letter-spacing:-.5px}#full-details p{font-size:15px;line-height:1.6}
@media(max-width:620px){.conversation{max-width:350px;min-height:480px;justify-content:flex-start;padding-top:24px}.widget-wrap{width:180px;max-width:180px}.widget-frame{width:180px;height:180px}.widget-card{width:330px;height:330px;transform:scale(.54545455)}.full-app{padding:20px;width:calc(100% - 16px)}.full-app-layout{display:flex;flex-direction:column;gap:15px}.full-app .widget-wrap{width:280px;max-width:280px;margin:auto}.full-app .widget-frame{width:280px;height:280px}.full-app .widget-card{transform:scale(.84848485)}.full-app header{margin-bottom:20px}.full-app h2{font-size:20px}}

/* Keep the app inside a dismissible layer above the conversation. */
body.app-is-open{overflow:hidden}
.full-app[open]{animation:app-enter .26s cubic-bezier(.2,.8,.2,1)}
.full-app[open]::backdrop{animation:backdrop-enter .26s ease}
.full-app.closing{animation:app-exit .18s ease forwards;pointer-events:none}
.full-app.closing::backdrop{animation:backdrop-exit .18s ease forwards}
.full-app header{position:sticky;top:0;z-index:2;background:inherit;flex-shrink:0}
.full-app header button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#eee;color:#292929;cursor:pointer;flex-shrink:0}
.full-app header button:hover{background:#ddd}
.full-app header button:focus-visible{outline:2px solid #333;outline-offset:3px}
.full-app.embedded-app{width:min(1100px,calc(100% - 40px));height:90svh;max-height:90svh;padding:14px;overflow:hidden;background:#fafafa}
.full-app.embedded-app[open]{display:flex;flex-direction:column}
.embedded-app header{margin:0;padding:0 4px 12px 12px}
.embedded-app .full-app-layout{display:block;flex:1;min-height:0}
.embedded-app #full-app-content{height:100%}
.embedded-app #full-details,.embedded-app .full-demo{display:none}
.app-embed{display:block;width:100%;height:100%;border:0;border-radius:14px;background:#fff}
@keyframes app-enter{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes app-exit{to{opacity:0;transform:translateY(12px) scale(.98)}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes backdrop-exit{to{opacity:0}}
@media(max-width:620px){.full-app.embedded-app{width:calc(100% - 16px);height:94svh;max-height:94svh;padding:10px}.embedded-app header{padding:0 2px 10px 8px}.embedded-app .full-app-layout{display:block}}
@media(prefers-reduced-motion:reduce){.full-app[open],.full-app[open]::backdrop,.full-app.closing,.full-app.closing::backdrop{animation:none}}

.top-controls{margin-left:auto;display:flex;align-items:center;gap:24px}
.conversation-mode{display:flex;padding:4px;background:#e5e5e5;border-radius:999px;gap:2px;flex-shrink:0}
.conversation-mode button{padding:9px 14px;border-radius:999px;background:transparent;color:#777;font:inherit;font-size:12px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap}
.conversation-mode button[aria-pressed="true"]{background:#fff;color:#191919;box-shadow:0 1px 4px #0000000c}
.conversation-mode button:focus-visible{outline:2px solid #191919;outline-offset:2px}
@media(max-width:850px){.top-controls{gap:12px}.top-controls>.quiet{font-size:11px}.top-label{display:none}}
@media(max-width:620px){.top-controls{gap:8px}.top-controls>#research-open{display:none}.conversation-mode button{font-size:11px;padding:8px 11px}.top{gap:12px}}
/* A growing library of ideas, ranked by the job they do. */
@media(min-width:621px){.layout{height:calc(100svh - 94px);min-height:620px}aside{min-height:0}#case-list{overflow:auto;min-height:0;scrollbar-width:thin;padding:2px 5px 12px 1px}.stage{min-height:0}.conversation{min-height:440px}.demo-note{padding-top:12px;margin-bottom:0}}
@media(min-width:621px) and (max-width:850px){.layout{height:calc(100svh - 73px)}}
.case-tools{display:grid;gap:12px;margin-bottom:15px}
#ranking-open{display:flex;align-items:center;justify-content:space-between;background:none;padding:0 2px 8px;font-size:13px;color:#333;text-align:left}
#ranking-open:hover{color:#5267c9}
#case-search{width:100%;min-width:0;border:1px solid #dedede;background:#ffffff70;border-radius:10px;padding:10px 12px;font:inherit;font-size:12px;color:#333}
.case-filters{display:flex;gap:3px}
.case-filters button{background:transparent;color:#777;font-size:11px;padding:7px 9px;border-radius:7px}
.case-filters button[aria-pressed=true]{background:#e1e1e1;color:#222}
.no-cases{font-size:13px;color:#777;padding:10px}
.rank-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--concept-ink);background:var(--concept-bg);box-shadow:none}
.tone-rose{--concept-ink:#9b4057;--concept-bg:#f1e3e6;--concept-mid:#d6a4b1}
.tone-tomato{--concept-ink:#a13d29;--concept-bg:#f4e7dc;--concept-mid:#db9b80}
.tone-blue{--concept-ink:#355f8c;--concept-bg:#e5edf3;--concept-mid:#9bb5ce}
.tone-sand{--concept-ink:#785c3d;--concept-bg:#eee8dd;--concept-mid:#c7b694}
.tone-plum{--concept-ink:#71576f;--concept-bg:#ece5ed;--concept-mid:#b5a0b7}
.tone-sage{--concept-ink:#536d46;--concept-bg:#e8ecdf;--concept-mid:#a9b895}
.priority-link{display:flex;gap:16px;align-items:center;background:none;padding:10px 0;color:#7c7c76;font-size:11px}.priority-link span{color:#535953}
.concept{background:var(--concept-bg);color:var(--concept-ink)}
.concept-face{padding:26px;height:100%;position:relative;background:linear-gradient(150deg,#ffffff80,transparent 60%)}
.concept-kicker{text-transform:uppercase;font-size:11px;letter-spacing:1.3px;font-weight:500;opacity:.85}
.concept h3{font-size:27px;font-weight:500;letter-spacing:-1px;line-height:1.1;margin:9px 0 20px;max-width:255px}
.concept-bottom{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #00000013;padding-top:12px;gap:8px}
.mini-shelf{height:146px;display:flex;align-items:flex-end;gap:9px;padding:0 6px 9px;position:relative;border-bottom:9px solid var(--concept-mid);box-shadow:0 9px 9px -8px #0004}
.mini-book{height:130px;flex:1;background:var(--concept-ink);color:var(--concept-bg);border-radius:2px 5px 4px 2px;box-shadow:inset 3px 0 2px #0002,3px 3px 4px #0002;padding:13px 8px;font-size:15px;line-height:1.2;letter-spacing:-.3px;display:flex;align-items:flex-start;font-family:Georgia,serif}
.book-1{height:118px;background:var(--concept-mid);color:#283025;transform:rotate(-3deg)}.book-2{height:137px;background:#f9f4df;color:var(--concept-ink)}
.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding-top:5px}
.mini-calendar span{aspect-ratio:1;display:grid;place-items:center;font-size:13px;border-radius:50%;color:var(--concept-ink);opacity:.65}
.mini-calendar .marked{background:var(--concept-ink);color:#fff;opacity:1;box-shadow:0 3px 8px #0001}
.mini-garden{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;height:146px;align-items:end;padding:2px 10px}
.mini-garden>span{height:43px;position:relative;display:flex;align-items:flex-end;justify-content:center}
.mini-garden i{height:var(--plant-height);max-height:37px;width:2px;background:var(--concept-ink);position:relative}
.mini-garden i:before,.mini-garden i:after{content:'';position:absolute;background:var(--concept-mid);width:12px;height:18px;border-radius:80% 0 80% 0;bottom:7px;left:1px;transform:rotate(10deg)}.mini-garden i:after{left:-12px;bottom:13px;transform:scaleX(-1)}.mini-garden .empty i{height:4px;width:4px;border-radius:50%;opacity:.25}.mini-garden .empty i:before,.mini-garden .empty i:after{display:none}
.mini-map{height:146px;position:relative;background:#ffffff65;overflow:hidden;border-radius:14px}
.map-river{position:absolute;width:50px;height:230px;background:var(--concept-mid);transform:rotate(30deg);left:155px;top:-30px;opacity:.55}.map-road{position:absolute;height:7px;width:350px;background:#fff;transform:rotate(-20deg);left:-20px;top:40px}.map-road.r2{top:104px}.map-road.r3{transform:rotate(70deg);left:-90px;top:30px}.pin{position:absolute;width:27px;height:27px;background:var(--concept-ink);color:#fff;font-size:12px;display:grid;place-items:center;border:3px solid var(--concept-bg);border-radius:50%;box-shadow:0 2px 6px #0002}.p1{left:37px;top:29px}.p2{left:115px;top:88px}.p3{left:218px;top:37px}
.mini-album{height:154px;position:relative}.album-card{position:absolute;width:139px;padding:8px 8px 13px;background:#fffaf0;box-shadow:0 5px 12px #0002;top:0;left:10px;transform:rotate(-9deg)}.album-card span{font-size:10px;display:block;padding-top:9px}.album-card.a2{left:120px;top:8px;transform:rotate(9deg)}.landscape{height:94px;overflow:hidden;background:linear-gradient(175deg,#c3dce3 45%,#75918b 46%,#758675 65%,#bfb38d 66%);position:relative}.a2 .landscape{background:linear-gradient(25deg,#a98664 35%,#d9c19c 36%,#c9d8d8 70%)}.landscape:after{content:'';position:absolute;width:23px;height:23px;background:#ffeed4;border-radius:50%;top:15px;right:15px}
.mini-ledger{display:grid;gap:0}.mini-ledger>div{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #0000000d}.ledger-number{font-size:11px;opacity:.5}.mini-ledger b{font-size:14px;font-weight:500;display:block}.mini-ledger small{font-size:11px;opacity:.75;display:block;margin-top:4px}.mini-ledger i{margin-left:auto;width:14px;height:14px;border:1px solid var(--concept-mid);border-radius:4px;font-style:normal;font-size:11px}.mini-ledger i.done{background:var(--concept-ink);color:white;border-color:var(--concept-ink)}
.mini-waves{height:154px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;font-size:10px}.mini-waves svg{width:100%;height:115px;fill:none;stroke:var(--concept-ink);stroke-width:3;opacity:.65}
.concept-app-head h3{font-size:26px;margin:7px 0 18px;letter-spacing:-.7px}.concept-items{display:grid;gap:7px}.concept-items>button{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e3dd;background:#fff8;border-radius:12px;text-align:left;gap:12px}.concept-items>button[aria-pressed=true]{background:#e9eee7;border-color:#acb6a4}.concept-items b{display:block;font-size:14px;font-weight:500}.concept-items small{display:block;font-size:12px;color:#797c73;margin-top:5px}.concept-detail{margin-top:18px;padding:0 2px}.concept-detail h4{font-weight:500;font-size:16px;margin:0 0 8px}.concept-detail p{font-size:13px;line-height:1.5;margin:0 0 14px}.concept-saved{font-size:11px;color:#69745f;margin-left:10px}.reference-app{display:inline-block;font-size:12px;color:#69745f;margin-top:20px;text-underline-offset:4px}
#ranking{max-width:880px}#ranked-list{display:grid;gap:0;margin-top:25px}.ranking-row{display:flex;align-items:flex-start;gap:19px;text-align:left;background:transparent;border-top:1px solid #e3e3de;padding:22px 0;color:#30332c;width:100%}.ranking-row:hover{background:#f0f0e8}.ranking-row>span:nth-child(2){flex:1}.ranking-row strong{font-size:19px;font-weight:500;display:block;margin-bottom:8px;letter-spacing:-.3px}.ranking-row q{font-size:14px;line-height:1.45;display:block}.ranking-row p{font-size:13px;line-height:1.5;margin:10px 0}.ranking-row small{font-size:11px;color:#7a7d73}
@media(max-width:620px){.case-tools{margin-bottom:13px;gap:9px}#ranking-open{padding-bottom:0}.aside-head p{margin-bottom:15px}.case-filters{position:absolute;right:20px;margin-top:-29px}.case-tools #case-search{margin-top:5px}.rank-icon{width:36px;height:36px;font-size:14px}#case-list{max-height:180px;overflow:auto;flex-wrap:nowrap}.priority-link{padding:0 0 12px}.ranking-row{gap:12px}.ranking-row strong{font-size:17px}#ranking{padding:26px 20px}.full-app .concept-app-head h3{font-size:22px}.concept-items>button{padding:11px 12px}}
.birthday-people{display:flex;justify-content:space-between;gap:10px;padding-top:9px}.birthday-people>div{flex:1;text-align:center}.birthday-initial{width:64px;height:64px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:var(--concept-mid);color:#fff8f5;font-family:Georgia,serif;font-size:29px;box-shadow:inset 0 2px 2px #fff6,0 6px 12px #0001}.birthday-initial.initial-1{background:#b38185}.birthday-initial.initial-2{background:#987c89}.birthday-people b{display:block;font-weight:500;font-size:16px}.birthday-people small{display:block;font-size:12px;margin-top:6px}.birthday-people i{font-style:normal;font-size:10px;opacity:.65;display:block;margin-top:7px}
.dish-cards{display:flex;gap:8px;padding-top:7px}.dish-card{flex:1;min-width:0}.dish-plate{width:80px;height:80px;border-radius:50%;background:#fffaf3;border:8px solid #f8f5ed;box-shadow:inset 0 1px 4px #0002,0 5px 9px #0001;position:relative;margin-bottom:12px;overflow:hidden}.dish-plate i{position:absolute;width:23px;height:38px;border-radius:70%;background:#695036;transform:rotate(25deg);top:15px;left:10px;border:3px solid #c69754}.dish-plate i:nth-child(2){left:25px;top:7px;transform:rotate(-35deg)}.dish-plate i:nth-child(3){left:35px;top:22px;background:#748849;width:12px;height:24px;border:0}.plate-1 i{background:#edce7a;border-color:#e6be67;width:39px;height:15px;top:20px}.plate-1 i:nth-child(2){top:32px;left:12px}.plate-2 i{background:#b7a272;border:4px dotted #ddb065;border-radius:50%;width:37px;height:37px}.dish-card b{display:block;font-size:13px;font-weight:500;line-height:1.2}.dish-card small{font-size:11px;display:block;opacity:.7;margin-top:7px}
.weekend-calendar{padding-top:14px}.weekend-calendar>span{font-size:10px;letter-spacing:2px;opacity:.6}.weekend-calendar>div{display:flex;align-items:center;gap:7px;margin-top:16px}.weekend-calendar b{background:#fff9;border-radius:9px;padding:12px 8px;font-size:25px;font-weight:500}.weekend-calendar small{display:block;font-size:9px;letter-spacing:1px;text-align:center;margin-top:5px}.weekend-calendar i{font-size:11px;opacity:.5;margin:0 3px}.weekend-calendar p{font-size:11px;opacity:.7;margin-top:15px}.practice-week{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px}.practice-week>div{background:#fff8;border-radius:12px;text-align:center;padding:15px 4px}.practice-week span{font-size:11px;display:block}.practice-week b{font-size:22px;font-weight:500;display:block;margin:13px 0}.practice-week small{font-size:11px;opacity:.6}
@media(max-width:620px){.case-tools{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;width:calc(100% - 40px);margin:0 auto 12px}#ranking-open{grid-column:1;grid-row:1;font-size:12px;gap:9px;justify-content:flex-start}.case-filters{position:static;margin:0;grid-column:2;grid-row:1}.case-filters button{padding:6px 7px;font-size:10px}.case-tools #case-search{grid-column:1 / -1;grid-row:2;margin:0}.case-tools #ranking-open span{font-size:12px}}
