:root{--ink:#24211e;--muted:#716c64;--subtle:#a19a91;--paper:#f7f1ed;--paper-soft:#fffaf6;--paper-deep:#ece2db;--line:rgba(58,49,43,0.13);--line-strong:rgba(58,49,43,0.22);--rose:#d9c4c9;--clay:#b98977;--moss:#72806f;--water:#8aaab0;--gold:#c7a15b;--shadow:0 28px 80px rgba(70,52,40,0.12);--radius-lg:28px;--radius-md:20px;--radius-sm:14px}*{box-sizing:border-box}html{background:var(--paper)}body,html{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 14% 8%,rgba(217,196,201,.62),transparent 30%),radial-gradient(circle at 88% 18%,rgba(138,170,176,.22),transparent 28%),linear-gradient(135deg,#fbf7f4,#f3ebe5 48%,#f7f1ed);font-family:ui-serif,Songti SC,"Noto Serif CJK SC","Source Han Serif SC",Georgia,serif}button,input,select{font:inherit}button{color:inherit}.app-shell{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;padding:clamp(14px,2.5vw,28px);overflow:hidden}.landing-shell{grid-template-columns:minmax(280px,.86fr) minmax(520px,1.14fr);justify-items:stretch;gap:clamp(22px,4vw,58px);padding:clamp(18px,4vw,44px)}.landing-shell.is-advancing,.paper-grain{pointer-events:none}.paper-grain{position:fixed;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.55) 1px,transparent 0),linear-gradient(90deg,rgba(65,46,34,.04) 1px,transparent 0);background-size:22px 22px;mix-blend-mode:multiply}.brand-panel,.flow-card{position:relative;z-index:1;border:1px solid rgba(255,255,255,.72);background:rgba(255,252,248,.66);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-panel{width:100%;min-height:min(680px,calc(100dvh - clamp(36px, 8vw, 88px)));display:flex;flex-direction:column;justify-content:space-between;gap:clamp(28px,6vw,72px);padding:clamp(22px,4vw,38px);border-radius:var(--radius-lg);box-shadow:0 18px 58px rgba(70,52,40,.09);animation:panel-in .62s ease both}.brand-lockup{display:flex;align-items:center;gap:14px;min-width:0}.brand-lockup img{width:64px;height:64px;border-radius:18px;box-shadow:0 10px 24px rgba(84,61,58,.15)}.brand-lockup span,.brand-lockup strong{display:block}.brand-lockup strong{font-size:24px;line-height:1.05;font-weight:600;letter-spacing:0}.brand-lockup span{margin-top:4px;color:var(--muted);font-size:13px;white-space:nowrap}.brand-copy{max-width:440px}.brand-copy h1{margin:12px 0 18px;font-size:clamp(44px,6vw,72px);line-height:1.04}.brand-copy p{max-width:390px;margin-bottom:0;font-size:15px}.progress-block{position:absolute;z-index:3;top:9px;left:clamp(22px,3vw,34px);right:clamp(22px,3vw,34px);pointer-events:none;opacity:.22}.progress-track{height:1px;overflow:hidden;border-radius:999px;background:rgba(36,33,30,.055)}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--moss),var(--water),var(--clay));transition:width .52s cubic-bezier(.2,.8,.2,1)}.flow-card{width:min(100%,1180px);min-height:0;height:min(760px,calc(100dvh - clamp(36px, 8vw, 88px)));padding:clamp(18px,2.8vw,32px);border-radius:var(--radius-lg);background:rgba(255,252,248,.74);box-shadow:var(--shadow);animation:card-in .7s ease both;overflow:hidden;transition:width .46s cubic-bezier(.2,.8,.2,1),height .46s cubic-bezier(.2,.8,.2,1),transform .46s cubic-bezier(.2,.8,.2,1),opacity .24s ease}.landing-shell .flow-card{width:100%}.landing-shell.is-advancing .brand-panel{animation:brand-away .3s ease both}.landing-shell.is-advancing .flow-card{animation:landing-card-away .3s ease both}.focused-shell .flow-card{width:min(100%,1240px);height:calc(100dvh - clamp(32px, 5vw, 56px));animation:focus-card-in .52s cubic-bezier(.2,.8,.2,1) both}.screen{height:100%;min-height:0;animation:soft-enter .42s ease both}.form-screen,.loading-screen,.map-screen,.name-screen,.palette-screen,.reading-screen{display:flex;flex-direction:column}.name-screen{justify-content:center;max-width:680px}.form-screen{justify-content:center;max-width:820px}.focused-shell .form-screen{width:min(100%,900px);margin:0 auto}.map-screen,.palette-screen,.reading-screen{max-width:100%}.palette-screen{overflow:auto;padding-bottom:12px}.focused-shell .loading-screen,.focused-shell .palette-screen,.focused-shell .reading-screen{width:100%}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--moss);font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{max-width:640px;margin-bottom:24px;font-size:clamp(38px,5vw,64px);line-height:1.08}h1,h2{font-weight:560}h2{margin-bottom:18px;font-size:clamp(27px,3.2vw,42px);line-height:1.12}h3{margin-bottom:10px;font-size:clamp(20px,2.2vw,28px);line-height:1.22;font-weight:560}p{color:var(--muted);line-height:1.72}.input-with-icon,.large-input{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.62)}.large-input{width:min(100%,540px);height:58px;padding:0 18px}.compact-input{height:44px;min-height:44px}.form-grid input,.input-with-icon input,.large-input input,.location-select-grid select{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent}.large-input input{font-size:clamp(20px,2.6vw,28px)}.btn,.chip,.city-presets button,.ios-segmented button,.search-results button,.variant-switcher button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.btn{height:46px;min-width:116px;padding:0 18px;font-weight:700}.btn-compact{height:44px;min-width:88px;padding:0 14px}.btn-primary{border-color:rgba(36,33,30,.7);color:#fffaf4;background:#2f2b27;box-shadow:0 12px 26px rgba(47,43,39,.16)}.btn-quiet,.btn-secondary,.chip{background:rgba(255,255,255,.58)}.btn-quiet{color:var(--muted)}.btn:hover,.chip:hover,.city-presets button:hover,.ios-segmented button:hover,.search-results button:hover,.variant-switcher button:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.42;transform:none;box-shadow:none}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:14px}.form-grid label,.location-select-grid label{display:grid;grid-gap:10px;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.48)}.form-grid label span,.location-picker-head span,.location-select-grid label span{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.form-grid input,.location-select-grid select{min-height:38px;font-size:19px}.control-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}.chip{height:42px;padding:0 14px}.location-picker{display:grid;grid-gap:10px;gap:10px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.4)}.location-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.location-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.location-select-grid label{padding:12px;border-radius:18px;background:rgba(255,255,255,.5)}.location-select-grid select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.location-select-grid select:disabled{cursor:not-allowed;opacity:.52}.icon-button,.map-mini-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.map-mini-button{gap:6px;height:34px;padding:0 11px;border-radius:999px;color:var(--ink);background:rgba(255,255,255,.62);font-size:12px;font-weight:700}.icon-button:hover,.map-mini-button:hover{transform:translateY(-1px);background:rgba(255,255,255,.82)}.icon-button{width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.62)}.location-note{margin:0;font-size:12px;line-height:1.5}.location-note.error{color:#8a473c}.compact-readout{min-height:38px}.chip.selected,.city-presets button.selected,.ios-segmented button.active,.variant-switcher button.active{border-color:rgba(114,128,111,.42);background:rgba(114,128,111,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.58)}.ios-segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border:1px solid var(--line);border-radius:18px;background:rgba(36,33,30,.055)}.ios-segmented.compact{width:148px}.ios-segmented button{height:34px;min-width:0;padding:0 12px;border-color:transparent;border-radius:14px;background:transparent;font-size:13px;font-weight:700}.variant-switcher{display:flex;flex-wrap:wrap;gap:8px}.variant-switcher button{min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.48);color:var(--muted);font-size:12px;font-weight:700}.screen-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.screen-head p{max-width:260px;margin-bottom:0;font-size:14px}.map-shell{position:relative;display:grid;grid-gap:10px;gap:10px;min-height:0}.map-modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:clamp(14px,3vw,34px)}.map-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(36,33,30,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-modal-card{position:relative;z-index:1;width:min(920px,100%);max-height:min(92dvh,760px);display:grid;grid-gap:14px;gap:14px;overflow:auto;padding:clamp(14px,2.4vw,22px);border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-lg);background:rgba(255,252,248,.92);box-shadow:0 28px 90px rgba(36,33,30,.24)}.map-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.map-modal-head h3{margin:7px 0 0}.map-card{position:relative;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.48)}.map-search{position:absolute;z-index:3;top:20px;left:20px;right:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.input-with-icon{padding:0 13px}.search-results{position:absolute;z-index:4;top:72px;left:20px;right:20px;display:grid;grid-gap:6px;gap:6px;max-height:172px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,252,248,.92);box-shadow:0 18px 40px rgba(70,52,40,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-results button{justify-content:flex-start;min-height:38px;padding:8px 10px;background:rgba(255,255,255,.62);text-align:left}.search-results span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-frame{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#e8e2da}.map-loading,.maplibre-map{width:100%;height:clamp(300px,42dvh,410px)}.map-modal .map-loading,.map-modal .maplibre-map{height:clamp(330px,52dvh,480px)}.map-loading{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:var(--muted);background:linear-gradient(135deg,rgba(255,250,246,.92),rgba(236,226,219,.72))}.maplibregl-canvas{filter:saturate(.56) sepia(.06) brightness(1.02) contrast(.92)}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{opacity:.75}.freeflow-map-marker{position:relative;width:30px;height:30px;border:1px solid rgba(36,33,30,.36);border-radius:999px;background:rgba(255,252,248,.86);box-shadow:0 10px 28px rgba(36,33,30,.22)}.freeflow-map-marker span{position:absolute;inset:8px;border-radius:999px;background:var(--clay)}.city-presets{display:flex;flex-wrap:wrap;gap:8px}.city-presets button{height:34px;padding:0 12px;background:rgba(255,255,255,.54);font-size:13px}.location-readout{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:10px 12px;border:1px solid rgba(114,128,111,.28);border-radius:var(--radius-sm);background:rgba(114,128,111,.09)}.location-readout small{color:var(--muted)}.loading-screen{justify-content:center}.stream-panel{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;grid-gap:clamp(18px,4vw,42px);gap:clamp(18px,4vw,42px);min-height:min(460px,100%)}.stream-orb{width:108px;height:108px;display:grid;place-items:center;border-radius:28px;background:rgba(255,255,255,.48);box-shadow:0 18px 52px rgba(84,61,58,.16);animation:breathe 2.3s ease-in-out infinite;overflow:hidden}.stream-orb img{width:84px;height:84px;border-radius:20px}.stream-copy{min-width:0}.stream-copy h2{margin:8px 0 14px}.placeholder-lines,.recommendation-skeleton{display:grid;grid-gap:10px;gap:10px;max-width:680px}.placeholder-lines span,.recommendation-skeleton span{height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(36,33,30,.08),rgba(255,255,255,.54),rgba(36,33,30,.08));background-size:180% 100%;animation:shimmer 1.6s ease-in-out infinite}.placeholder-lines span:nth-child(2),.recommendation-skeleton span:nth-child(2){width:82%}.placeholder-lines span:nth-child(3),.recommendation-skeleton span:nth-child(3){width:64%}.recommendation-ritual{display:grid;grid-gap:10px;gap:10px;max-width:680px;margin:0}.recommendation-ritual span{position:relative;padding:11px 14px 11px 32px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);background:rgba(255,255,255,.42);font-size:14px}.recommendation-ritual span:before{content:"";position:absolute;left:14px;top:50%;width:7px;height:7px;border-radius:999px;background:var(--moss);transform:translateY(-50%)}.reading-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);grid-gap:18px;gap:18px;min-height:0;flex:1 1}.reading-card,.reading-side{min-height:0;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.44)}.reading-side{padding:18px;display:flex;flex-direction:column;overflow:hidden}.reading-card{padding:clamp(18px,2.4vw,26px);overflow:auto}.reading-head{display:grid;grid-gap:8px;gap:8px}.reading-head h2{margin-bottom:0;font-size:clamp(24px,2.9vw,38px)}.demo-pill,.reading-status{width:-moz-fit-content;width:fit-content;padding:7px 10px;border-radius:999px;color:var(--moss);background:rgba(114,128,111,.12);font-size:12px}.reading-status{border:1px solid rgba(114,128,111,.18)}.reading-actions{opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .26s ease,transform .26s ease}.reading-actions-ready{opacity:1;pointer-events:auto;transform:translateY(0)}.pillar-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px;margin:16px 0}.pillar-strip div{min-height:74px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(247,241,237,.58)}.pillar-strip small{display:block;color:var(--muted);font-size:12px}.pillar-strip strong{display:block;margin-top:8px;font-size:clamp(22px,2.5vw,30px);font-weight:560}.reading-text{padding-top:2px}.reading-text.compact{max-height:210px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}.reading-placeholder{padding-top:4px}.reading-text h3{margin-top:18px}.reading-text h3:first-child{margin-top:0}.reading-text blockquote,.reading-text p{max-width:820px;margin-bottom:12px;font-size:16px}.term-highlight{display:inline;padding:0 .18em;border-radius:7px;color:#5f6755;background:rgba(114,128,111,.12);font-weight:800}.term-wood{color:#4f7357;background:rgba(114,128,111,.14)}.term-fire{color:#985246;background:rgba(185,112,96,.14)}.term-earth{color:#8a6a38;background:rgba(199,161,91,.16)}.term-metal{color:#777064;background:rgba(216,208,194,.42)}.term-water{color:#527680;background:rgba(138,170,176,.18)}.dayun-panel{display:grid;grid-gap:8px;gap:8px;min-height:0}.dayun-timeline{display:flex;gap:10px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;scroll-padding:2px;scroll-snap-type:x mandatory}.dayun-timeline-card{position:relative;flex:0 0 100%;min-width:0;display:grid;align-content:start;grid-gap:7px;gap:7px;padding:12px;border:1px solid var(--line);border-radius:18px;cursor:pointer;color:var(--ink);background:rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.58);text-align:left;overflow:hidden;scroll-snap-align:center;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.dayun-timeline-card:hover{transform:translateY(-1px);background:rgba(255,255,255,.68)}.dayun-timeline-card.active{border-color:rgba(114,128,111,.42);background:rgba(114,128,111,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 14px 34px rgba(70,52,40,.08)}.dayun-timeline-rail{position:absolute;left:18px;right:18px;top:31px;height:1px;border-radius:999px;background:linear-gradient(90deg,rgba(114,128,111,.14),rgba(114,128,111,.42),rgba(114,128,111,.14))}.dayun-time-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(58px,1fr) auto minmax(72px,1fr);align-items:center;grid-gap:7px;gap:7px}.dayun-time-row span,.dayun-time-row strong{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.74)}.dayun-time-row span{color:var(--muted);font-size:11px}.dayun-time-row strong{color:var(--ink);font-size:15px;font-weight:700}.dayun-nav{display:grid;grid-gap:7px;gap:7px;min-height:0;max-height:min(230px,30dvh);padding-right:3px;overflow:auto}.dayun-nav button{display:grid;grid-template-columns:minmax(58px,.7fr) minmax(42px,auto) minmax(72px,.8fr);align-items:center;grid-gap:8px;gap:8px;min-height:42px;padding:7px 10px;border:1px solid var(--line);border-radius:14px;cursor:pointer;color:var(--muted);background:rgba(255,255,255,.42);text-align:left;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.dayun-nav button:hover{transform:translateY(-1px);background:rgba(255,255,255,.62)}.dayun-nav button.active{border-color:rgba(114,128,111,.38);color:var(--ink);background:rgba(114,128,111,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.56)}.dayun-nav small,.dayun-nav span{font-size:12px}.dayun-nav strong{color:var(--ink);font-size:15px;font-weight:700}.dayun-mini-card{display:grid;grid-gap:8px;gap:8px;margin-top:0;padding:12px;border:1px solid rgba(114,128,111,.24);border-radius:16px;background:rgba(114,128,111,.08)}.dayun-mini-head{display:grid;grid-gap:2px;gap:2px}.dayun-mini-head strong{overflow:hidden;display:-webkit-box;font-size:14px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dayun-mini-head small{color:var(--muted);font-size:12px}.dayun-mini-card p,.dayun-timeline-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.dayun-timeline-card>p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.dayun-timeline-card .reading-highlight{margin-top:0}.reading-highlight.compact{align-items:center;padding:7px 9px;font-size:11px;line-height:1.42}.reading-highlight.compact svg{flex:0 0 auto}.reading-highlight.compact span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.structured-reading{display:grid;grid-gap:16px;gap:16px}.structured-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.overview-tile{display:grid;grid-gap:8px;gap:8px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(247,241,237,.52)}.overview-tile>span{color:var(--moss);font-size:13px;font-weight:800}.overview-tile p{margin:0;font-size:13px;line-height:1.58}.overview-points{display:flex;flex-wrap:wrap;gap:6px}.dayun-keywords span,.overview-points small{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.46);font-size:12px}.reading-highlight{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:8px;gap:8px;padding:10px 11px;border:1px solid rgba(138,170,176,.28);border-radius:14px;color:#4f6f76;background:rgba(138,170,176,.12);font-size:13px;line-height:1.58}.reading-highlight.important{margin:12px 0;border-color:rgba(185,137,119,.3);color:#7a5a4f;background:rgba(185,137,119,.12)}.dayun-detail{display:grid;grid-gap:12px;gap:12px;padding-top:2px}.dayun-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.dayun-detail h3{margin:6px 0 0;font-size:clamp(24px,2.6vw,34px)}.dayun-keywords{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:7px}.dayun-summary{max-width:820px;margin:0;color:var(--ink);font-size:16px}.dayun-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.dayun-columns section{min-width:0;padding:12px;border-left:2px solid rgba(114,128,111,.34);border-radius:0 14px 14px 0;background:rgba(255,255,255,.34)}.dayun-columns strong{display:block;margin-bottom:8px;color:var(--ink);font-size:13px}.dayun-columns p{margin:0 0 8px;font-size:13px;line-height:1.55}.reading-text blockquote{padding:12px 14px;border-left:3px solid var(--moss);border-radius:0 14px 14px 0;color:var(--muted);background:rgba(114,128,111,.08)}.list-line:before{content:"· "}.dayun-strip{display:flex;flex-wrap:wrap;gap:7px}.dayun-strip span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;background:rgba(255,255,255,.38)}.bracelet-page{display:grid;grid-template-rows:auto auto auto auto;align-content:start;grid-gap:10px;gap:10px;min-height:0;flex:0 0 auto}.result-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:start}.result-hero h2{margin:4px 0 8px;font-size:clamp(27px,3.4vw,42px)}.result-hero p{max-width:680px;margin-bottom:0}.useful-gods{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.result-side{display:grid;justify-items:end;grid-gap:8px;gap:8px}.avoid-line,.quiet-tip,.result-status,.useful-gods span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.48);color:var(--muted);font-size:13px}.result-status{border-color:rgba(114,128,111,.26);background:rgba(114,128,111,.1);color:var(--moss)}.palette-summary-row{display:flex;flex-wrap:wrap;gap:6px}.palette-focus-card{display:grid;grid-template-areas:"copy visual";grid-template-columns:minmax(0,1fr) minmax(236px,320px);align-items:start;grid-gap:clamp(18px,4vw,72px);gap:clamp(18px,4vw,72px);min-height:0;padding:clamp(12px,1.6vw,16px);border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.44);overflow:hidden}.palette-copy{grid-area:copy;min-width:0}.palette-copy h3{margin:5px 0 7px;font-size:clamp(20px,2.15vw,27px);line-height:1.28}.palette-copy p{margin-bottom:0}.palette-visual{grid-area:visual;display:grid;place-items:start center;min-height:214px;align-self:start}.bracelet-ring{position:relative;width:236px;height:236px;display:grid;place-items:center}.bracelet-ring>span{position:absolute;transform:translate(-50%,-50%);width:23px;height:23px;border-radius:999px;box-shadow:inset 5px 6px 10px rgba(255,255,255,.32),inset -5px -7px 12px rgba(0,0,0,.14),0 8px 16px rgba(53,42,35,.12)}.slot-summary{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:8px;gap:8px;width:100%;max-width:820px;margin-top:14px}.material-select{position:relative;min-width:0;display:grid;grid-gap:6px;gap:6px;padding:6px;border:1px solid var(--line);border-radius:16px;color:var(--muted);background:rgba(255,255,255,.44);overflow:hidden;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.material-select:after{content:"";position:absolute;top:26px;right:15px;width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-68%) rotate(45deg);pointer-events:none}.material-select.expanded:after{transform:translateY(-28%) rotate(225deg)}.material-select:hover{border-color:rgba(114,128,111,.38);background:rgba(255,255,255,.66)}.material-select:focus-within{border-color:rgba(114,128,111,.54);background:rgba(255,255,255,.72);box-shadow:0 0 0 3px rgba(114,128,111,.12)}.material-select-trigger{min-width:0;min-height:42px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;width:100%;padding:2px 30px 2px 4px;border:0;cursor:pointer;color:inherit;background:transparent;text-align:left}.material-select-copy{display:grid;min-width:0;grid-gap:2px;gap:2px}.material-select-copy small,.material-select-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-select-copy strong{color:var(--ink);font-size:13px;line-height:1.25}.material-select-copy small{color:var(--muted);font-size:11px;line-height:1.25}.material-select-choice{max-width:92px;overflow:hidden;color:var(--ink);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.material-select-menu{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:5px;gap:5px;max-height:154px;min-width:0;padding:6px;border-top:1px solid var(--line);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.material-select-pill{min-width:0;min-height:40px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;grid-gap:9px;gap:9px;width:100%;padding:6px 10px;border:1px solid var(--line);border-radius:999px;cursor:pointer;color:var(--ink);background:rgba(255,252,248,.62);text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.material-select-pill:focus-visible,.material-select-pill:hover{border-color:rgba(114,128,111,.42);background:rgba(255,255,255,.88);outline:0;transform:translateY(-1px)}.material-select-pill.selected{border-color:rgba(114,128,111,.48);background:rgba(114,128,111,.13)}.material-pill-swatch{width:26px;height:26px;border:1px solid rgba(36,33,30,.14);border-radius:999px;box-shadow:inset 4px 4px 7px rgba(255,255,255,.24),inset -4px -5px 7px rgba(0,0,0,.1)}.material-pill-copy{display:grid;min-width:0;grid-gap:1px;gap:1px}.material-pill-copy small,.material-pill-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-pill-copy strong{font-size:12px}.material-pill-copy small{color:var(--muted);font-size:10px}.slot-list{grid-area:slots;display:grid;grid-gap:6px;gap:6px;max-height:min(190px,28dvh);min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:4px}.slot-picker{position:relative;display:grid;grid-gap:5px;gap:5px;padding:6px;border:1px solid var(--line);border-radius:16px;background:rgba(247,241,237,.58)}.slot-picker.expanded{background:rgba(247,241,237,.74)}.slot-head{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;width:100%;min-height:34px;padding:0;border:0;cursor:pointer;color:inherit;background:transparent;text-align:left}.slot-head svg{color:var(--muted);transition:transform .18s ease}.slot-picker.expanded .slot-head svg{transform:rotate(180deg)}.slot-head small,.slot-head strong{display:block}.slot-head strong{font-size:13px}.slot-head small{margin-top:1px;color:var(--muted);font-size:11px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.slot-head small,.slot-picker.expanded .slot-head small{-webkit-line-clamp:1}.material-swatch,.slot-swatch{border:1px solid rgba(36,33,30,.14);border-radius:999px;box-shadow:inset 4px 4px 8px rgba(255,255,255,.26),inset -4px -5px 8px rgba(0,0,0,.12)}.slot-swatch{width:24px;height:24px}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px}.material-option{position:relative;min-width:0;min-height:38px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;grid-gap:7px;gap:7px;padding:5px 6px;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:rgba(255,255,255,.46);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.material-option:focus-visible,.material-option:hover{z-index:8;transform:translateY(-1px);background:rgba(255,255,255,.72)}.material-option.selected{border-color:rgba(114,128,111,.44);background:rgba(114,128,111,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.58)}.material-swatch{width:23px;height:23px}.material-copy{display:grid;min-width:0}.material-copy small,.material-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-copy strong{font-size:12px}.material-copy small{color:var(--muted);font-size:10px}.material-popover{pointer-events:none;position:absolute;z-index:20;left:50%;bottom:calc(100% + 8px);width:min(310px,82vw);display:grid;grid-gap:7px;gap:7px;padding:12px;border:1px solid rgba(255,255,255,.72);border-radius:16px;color:var(--ink);background:rgba(255,252,248,.96);box-shadow:0 18px 48px rgba(36,33,30,.18);opacity:0;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease}.material-popover em,.material-popover span{color:var(--muted);font-size:12px;font-style:normal;line-height:1.55}.material-option:focus-visible .material-popover,.material-option:hover .material-popover{opacity:1;transform:translate(-50%)}.bracelet-center{width:106px;height:106px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--moss);background:rgba(247,241,237,.72)}.ratio-list{display:grid;grid-gap:8px;gap:8px;max-height:266px;overflow:auto}.ratio-row{display:grid;grid-template-columns:24px minmax(82px,.75fr) minmax(120px,1fr);align-items:center;grid-gap:9px;gap:9px;padding:9px;border-radius:16px;background:rgba(247,241,237,.62)}.ratio-row small,.ratio-row strong{display:block}.ratio-row strong{font-size:15px;font-weight:700}.ratio-row p,.ratio-row small{color:var(--muted);font-size:12px}.ratio-row p{margin:0;line-height:1.45}.swatch{width:21px;height:21px;border:1px solid rgba(36,33,30,.14);border-radius:999px}.error-line{position:absolute;z-index:5;top:16px;left:16px;right:16px;padding:11px 13px;border:1px solid rgba(164,78,64,.28);border-radius:var(--radius-sm);color:#7f3b31;background:rgba(255,244,240,.94);box-shadow:0 12px 32px rgba(127,59,49,.12)}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes brand-away{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateX(-18px) scale(.985)}}@keyframes landing-card-away{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.992)}}@keyframes focus-card-in{0%{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes soft-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:1180px){.palette-focus-card{grid-template-columns:minmax(0,1fr) minmax(220px,270px);align-items:start}.palette-copy{min-width:0}.palette-visual{min-height:208px}.slot-list{max-height:min(190px,30dvh)}.slot-picker{padding:6px}.slot-summary{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.app-shell{grid-template-columns:1fr;align-items:start;justify-items:stretch;gap:14px;padding:clamp(14px,3vw,24px);overflow:auto}.brand-panel{min-height:0;gap:18px;padding:18px}.brand-copy{display:none}.brand-lockup img{width:46px;height:46px;border-radius:14px}.brand-lockup strong{font-size:21px}.landing-shell .flow-card{height:min(760px,calc(100dvh - 150px))}.focused-shell{align-items:center}.focused-shell .flow-card{width:min(100%,1180px);height:calc(100dvh - clamp(28px, 6vw, 48px));justify-self:center}.palette-focus-card,.reading-layout{grid-template-columns:1fr}.reading-layout{grid-template-rows:auto minmax(0,1fr)}.reading-side{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1fr);grid-gap:12px;gap:12px;overflow:visible}.pillar-strip{margin:0}.dayun-panel,.dayun-strip{grid-column:1/-1}.dayun-nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:132px}.palette-focus-card{grid-template-areas:"copy" "visual";overflow:hidden}.dayun-columns,.palette-focus-card,.structured-overview{grid-template-columns:1fr}.dayun-detail-head{flex-direction:column}.dayun-keywords{justify-content:flex-start}.slot-list{max-height:min(190px,32dvh);overflow:auto}.slot-summary{grid-template-columns:minmax(0,1fr)}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.app-shell{gap:10px;padding:10px}.brand-panel,.flow-card{border-radius:22px}.brand-panel{padding:13px}.brand-lockup span{display:none}.landing-shell .flow-card{height:calc(100dvh - 156px);min-height:0;max-height:none;overflow:hidden;padding:16px}.screen{min-height:0;overflow:auto}.focused-shell .flow-card{height:calc(100dvh - 20px);padding:16px}.progress-block{top:7px;left:18px;right:18px}h1{font-size:39px}h2{font-size:28px}.form-grid,.location-select-grid,.map-search,.reading-side,.result-hero,.stream-panel{grid-template-columns:1fr}.location-picker-head{align-items:flex-start;flex-direction:column}.map-search,.search-results{position:static;margin-bottom:10px}.search-results{max-height:170px}.map-loading,.map-modal .map-loading,.map-modal .maplibre-map,.maplibre-map{height:320px}.map-modal-card{max-height:92dvh;padding:12px}.reading-card{max-height:none}.useful-gods{justify-content:flex-start}.result-side{justify-items:start}.ios-segmented{width:100%;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.variant-switcher{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.variant-switcher button{flex:0 0 auto}.palette-visual{min-height:198px;order:2}.bracelet-ring{width:214px;height:214px;transform:scale(.88)}.palette-copy{order:1}.slot-list{order:3;max-height:min(190px,34dvh);overflow:auto}.material-select{grid-template-columns:28px minmax(0,1fr) auto}.ratio-row{grid-template-columns:24px minmax(0,1fr)}.ratio-row p{grid-column:2}.dayun-nav{display:flex;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 2px 4px;scroll-snap-type:x proximity}.dayun-nav button{flex:0 0 min(230px,78vw);grid-template-columns:minmax(60px,.8fr) minmax(42px,auto) minmax(78px,.9fr);scroll-snap-align:start}.dayun-mini-card{position:relative;z-index:1}.dayun-columns section,.overview-tile,.slot-picker{border-radius:14px}.material-grid{grid-template-columns:1fr}.material-popover{left:0;right:0;width:auto;transform:translateY(6px)}.material-option:focus-visible .material-popover,.material-option:hover .material-popover{transform:translate(0)}.actions{width:100%}.btn{flex:1 1 150px}}.mobile-only{display:none!important}.bracelet-desktop{display:grid;grid-template-rows:auto auto auto auto;align-content:start;grid-gap:10px;gap:10px;min-width:0}.mobile-sheet-root{position:fixed;z-index:100;inset:0;display:grid;align-items:end}.mobile-sheet-backdrop{position:absolute;inset:0;border:0;cursor:pointer;background:rgba(36,33,30,.34);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:sheet-fade-in .18s ease both}.mobile-sheet{position:relative;z-index:1;width:min(100%,640px);max-height:min(82dvh,720px);justify-self:center;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;padding:8px 16px max(16px,env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.76);border-bottom:0;border-radius:24px 24px 0 0;background:rgba(255,252,248,.98);box-shadow:0 -24px 70px rgba(36,33,30,.2);animation:sheet-rise .24s cubic-bezier(.2,.8,.2,1) both}.mobile-sheet-handle{width:42px;height:4px;justify-self:center;margin:1px 0 7px;border-radius:999px;background:rgba(36,33,30,.17)}.mobile-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.mobile-sheet-head h2{margin:0;font-size:22px}.mobile-sheet-head p{margin:4px 0 0;font-size:12px;line-height:1.45}.mobile-sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 0 2px}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-rise{0%{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-height:480px) and (pointer:coarse) and (orientation:landscape),(max-width:640px){body,html{min-height:100%;overflow-x:hidden}.desktop-only{display:none!important}.mobile-only{display:block!important}.app-shell{min-height:100dvh;display:block;padding:8px;overflow:visible}.landing-shell{display:grid;grid-template-columns:1fr;align-content:start;grid-gap:8px;gap:8px}.focused-shell{display:block}.brand-panel{min-height:0;padding:11px 13px;border-radius:18px}.brand-lockup{gap:10px}.brand-lockup img{width:40px;height:40px;border-radius:12px}.brand-lockup strong{font-size:19px}.brand-copy,.brand-lockup span{display:none}.flow-card,.focused-shell .flow-card,.landing-shell .flow-card{width:100%;height:auto;min-height:calc(100dvh - 16px);max-height:none;justify-self:stretch;overflow:visible;padding:16px 14px;border-radius:20px}.landing-shell .flow-card{min-height:calc(100dvh - 72px)}.form-screen,.loading-screen,.name-screen,.palette-screen,.reading-screen,.screen{width:100%;height:auto;min-height:0;overflow:visible}.form-screen,.name-screen{justify-content:flex-start;padding-top:42px}.form-screen h2,.name-screen h2{margin-bottom:14px;font-size:27px;line-height:1.18}.large-input{height:54px;border-radius:16px}.form-grid,.location-select-grid{grid-template-columns:1fr;gap:8px}.form-grid{margin-top:8px}.form-grid label,.location-select-grid label{gap:6px;padding:10px 12px;border-radius:14px}.form-grid input,.location-select-grid select{min-height:34px;font-size:17px}.control-row{margin-top:9px;gap:8px}.chip{min-height:44px}.ios-segmented.compact{width:132px}.location-picker{gap:8px;margin-top:10px;padding:11px;border-radius:16px}.location-picker-head{flex-direction:row;align-items:center}.location-picker.is-collapsed{padding:0;border-color:transparent;background:transparent}.location-picker.is-collapsed .location-note,.location-picker.is-collapsed .location-picker-head,.location-picker.is-collapsed .location-select-grid{display:none}.location-readout{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:8px;gap:8px;padding:11px 12px}.location-readout span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-readout small{display:none}.location-change-button{min-width:52px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:rgba(255,255,255,.68);font-size:12px;font-weight:700}.map-modal{place-items:end center;padding:0}.map-modal-card{width:100%;max-height:calc(100dvh - 8px);gap:10px;padding:9px 12px max(14px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:sheet-rise .24s cubic-bezier(.2,.8,.2,1) both}.map-modal-head h3{margin-top:4px;font-size:21px}.map-search{position:static;grid-template-columns:minmax(0,1fr) auto;margin-bottom:8px}.map-search .btn{min-width:74px;padding:0 10px}.search-results{position:static;max-height:132px;margin-bottom:8px}.map-loading,.map-modal .map-loading,.map-modal .maplibre-map,.maplibre-map{height:min(46dvh,360px)}.city-presets{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.city-presets button{flex:0 0 auto;min-height:40px}.stream-panel{min-height:calc(100dvh - 80px);grid-template-columns:1fr;align-content:center;justify-items:center;gap:18px;text-align:center}.stream-orb{width:88px;height:88px;border-radius:24px}.stream-orb img{width:68px;height:68px}.stream-copy h2{margin-bottom:12px;font-size:27px}.recommendation-ritual{text-align:left}.mobile-reading-layout{display:grid!important;grid-gap:12px;gap:12px}.mobile-reading-head{display:grid;grid-gap:10px;gap:10px}.mobile-reading-head .reading-head{gap:5px}.mobile-reading-head .reading-head h2{font-size:28px}.mobile-reading-head .pillar-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0}.mobile-reading-head .pillar-strip div{min-height:58px;padding:7px 4px;border-radius:13px;text-align:center}.mobile-reading-head .pillar-strip small{font-size:10px}.mobile-reading-head .pillar-strip strong{margin-top:5px;font-size:clamp(17px,5.2vw,21px)}.mobile-reading-copy{min-width:0;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.44)}.mobile-reading-copy .reading-text h3{margin-top:13px;font-size:20px}.mobile-reading-copy .reading-text blockquote,.mobile-reading-copy .reading-text p{margin-bottom:9px;font-size:14px;line-height:1.68}.mobile-overview-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:rgba(36,33,30,.055)}.mobile-overview-tabs button{min-width:0;min-height:40px;border:1px solid transparent;border-radius:11px;color:var(--muted);background:transparent;font-size:13px;font-weight:800}.mobile-overview-tabs button.active{border-color:var(--line);color:var(--ink);background:rgba(255,255,255,.72);box-shadow:0 5px 14px rgba(70,52,40,.07)}.mobile-overview-card{display:grid;grid-gap:10px;gap:10px;padding:14px 2px 2px}.mobile-overview-summary{margin:0;color:var(--ink);font-size:16px;line-height:1.68}.mobile-overview-points{display:grid;grid-gap:6px;gap:6px}.mobile-overview-points p{margin:0;padding:8px 10px;border-left:2px solid rgba(114,128,111,.36);border-radius:0 10px 10px 0;background:rgba(247,241,237,.55);font-size:13px;line-height:1.55}.mobile-dayun-section{min-width:0;display:grid;grid-gap:9px;gap:9px;padding-top:2px}.mobile-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.mobile-section-head h3{margin:4px 0 0;font-size:19px}.mobile-section-head small{flex:0 0 auto;color:var(--muted);font-size:11px}.mobile-dayun-track{display:flex;gap:9px;width:calc(100% + 14px);overflow-x:auto;overflow-y:hidden;margin-right:-14px;padding:1px 14px 5px 1px;scroll-padding:1px;scroll-snap-type:x mandatory;scrollbar-width:none}.mobile-dayun-track::-webkit-scrollbar,.mobile-domain-tabs::-webkit-scrollbar{display:none}.mobile-dayun-card{position:relative;flex:0 0 min(276px,82vw);min-height:132px;display:grid;align-content:start;grid-gap:9px;gap:9px;padding:12px 34px 12px 12px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:rgba(255,255,255,.5);text-align:left;scroll-snap-align:start}.mobile-dayun-card.active{border-color:rgba(114,128,111,.42);background:rgba(114,128,111,.1);box-shadow:0 10px 24px rgba(70,52,40,.08)}.mobile-dayun-card>svg{position:absolute;top:50%;right:11px;color:var(--muted);transform:translateY(-50%)}.mobile-dayun-time{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;grid-gap:7px;gap:7px;color:var(--muted);font-size:11px}.mobile-dayun-time strong{color:var(--ink);font-size:16px}.mobile-dayun-time small{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.mobile-dayun-title{overflow:hidden;display:-webkit-box;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-dayun-card .dayun-keywords{flex-wrap:nowrap;overflow:hidden}.mobile-dayun-card .dayun-keywords span{flex:0 0 auto;min-height:24px;padding:0 8px;font-size:11px}.mobile-dayun-detail{display:grid;grid-gap:12px;gap:12px}.mobile-dayun-detail h3{margin:0;font-size:23px}.mobile-dayun-detail .dayun-summary{font-size:15px;line-height:1.68}.mobile-dayun-detail section{padding:11px 12px;border-left:2px solid rgba(114,128,111,.34);border-radius:0 12px 12px 0;background:rgba(247,241,237,.6)}.mobile-dayun-detail section strong{display:block;margin-bottom:6px;font-size:13px}.mobile-dayun-detail section p{margin:0 0 6px;font-size:13px;line-height:1.58}.mobile-dayun-detail section p:last-child{margin-bottom:0}.mobile-bracelet{display:grid!important;grid-gap:10px;gap:10px}.mobile-result-head{display:grid;grid-gap:8px;gap:8px}.mobile-result-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-result-title h2{margin:0;font-size:30px}.mobile-result-title .useful-gods{flex:0 0 auto;flex-wrap:nowrap;gap:5px}.mobile-result-title .useful-gods span{min-height:30px;padding:0 8px;font-size:11px}.mobile-result-head .result-status{width:-moz-fit-content;width:fit-content;max-width:100%;min-height:30px;font-size:11px}.mobile-domain-tabs{display:flex;gap:7px;width:calc(100% + 14px);overflow-x:auto;margin-right:-14px;padding:1px 14px 3px 0;scrollbar-width:none}.mobile-domain-tabs button{flex:0 0 auto;min-width:68px;min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.44);font-size:13px;font-weight:800}.mobile-domain-tabs button.active{border-color:rgba(114,128,111,.42);color:var(--ink);background:rgba(114,128,111,.14)}.mobile-palette-card{min-width:0;display:grid;grid-gap:9px;gap:9px;padding:13px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.44)}.mobile-palette-copy h3{margin:4px 0 6px;font-size:21px;line-height:1.35}.mobile-palette-copy p{overflow:hidden;display:-webkit-box;margin:0;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-bracelet-visual{min-height:0;display:grid;place-items:center;padding:2px 0}.mobile-bracelet-visual .bracelet-ring{width:min(68vw,238px);height:auto;aspect-ratio:1;transform:none}.mobile-bracelet-visual .bracelet-ring>span{width:9.75%;height:auto;aspect-ratio:1}.mobile-bracelet-visual .bracelet-center{width:45%;height:auto;aspect-ratio:1}.mobile-material-slots{display:grid;grid-gap:7px;gap:7px}.mobile-material-slot{min-width:0;min-height:50px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;grid-gap:9px;gap:9px;width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:rgba(255,252,248,.62);text-align:left}.mobile-material-slot>span:nth-child(2){min-width:0;display:grid;grid-gap:2px;gap:2px}.mobile-material-slot small,.mobile-material-slot strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-material-slot strong{font-size:13px}.mobile-material-slot small{color:var(--muted);font-size:11px}.mobile-material-slot>svg{color:var(--muted)}.mobile-material-sheet{display:grid;grid-gap:12px;gap:12px}.mobile-material-notes{border:1px solid var(--line);border-radius:15px;background:rgba(247,241,237,.58)}.mobile-material-notes summary{min-height:54px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;padding:7px 12px;cursor:pointer}.mobile-material-notes summary>span:last-child{display:grid;grid-gap:2px;gap:2px}.mobile-material-notes summary small{color:var(--muted);font-size:11px}.mobile-material-notes p{margin:0;padding:0 12px 9px;font-size:12px;line-height:1.6}.mobile-material-options{display:grid;grid-template-columns:1fr;grid-gap:7px;gap:7px}.mobile-material-options .material-select-pill{min-height:50px}.palette-screen>.actions,.reading-screen>.actions{position:-webkit-sticky;position:sticky;z-index:20;bottom:0;width:calc(100% + 28px);flex-wrap:nowrap;gap:8px;margin:12px -14px -16px;padding:10px 14px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,252,248,.9);box-shadow:0 -12px 32px rgba(70,52,40,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reading-screen.is-streaming>.actions{display:none}.palette-screen>.actions .btn,.reading-screen>.actions .btn{min-width:0;min-height:48px;flex:1 1;padding:0 12px}.mobile-sheet{width:100%;max-height:min(86dvh,720px)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(114,128,111,.22);outline-offset:2px}}@media (max-height:480px) and (pointer:coarse) and (orientation:landscape){.app-shell{padding:6px}.flow-card,.focused-shell .flow-card{min-height:calc(100dvh - 12px);padding:12px}.form-screen,.name-screen{padding-top:24px}.mobile-reading-head{grid-template-columns:minmax(180px,.7fr) minmax(280px,1.3fr);align-items:end}.mobile-reading-head .pillar-strip{align-self:end}.mobile-bracelet-visual .bracelet-ring{width:min(48dvh,214px)}.mobile-sheet{max-height:94dvh}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-height:480px) and (pointer:coarse) and (orientation:landscape),(max-width:640px){body,html{height:100%;overscroll-behavior:none}.app-shell,body,html{width:100%;min-height:0;overflow:hidden}.app-shell{height:100dvh}.landing-shell{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:stretch}.focused-shell{height:100dvh}.flow-card,.focused-shell .flow-card{height:calc(100dvh - 16px);min-height:0;overflow:hidden}.form-screen,.landing-shell .flow-card,.loading-screen,.name-screen,.palette-screen,.reading-screen,.screen{height:100%;min-height:0;overflow:hidden}.form-screen,.name-screen{overflow-y:auto;overscroll-behavior:contain}.palette-screen,.reading-screen{display:grid;grid-template-rows:minmax(0,1fr) auto}.mobile-reading-layout{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden}.mobile-reading-head{gap:7px}.mobile-reading-head .reading-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px}.mobile-reading-head .reading-head .eyebrow,.mobile-reading-head .reading-head h2{grid-column:1}.mobile-reading-head .reading-head h2{font-size:24px}.mobile-reading-head .demo-pill,.mobile-reading-head .reading-status{grid-column:2;grid-row:1/span 2;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-reading-head .pillar-strip div{min-height:50px;padding:5px 3px}.mobile-reading-head .pillar-strip strong{margin-top:3px;font-size:clamp(16px,4.9vw,20px)}.mobile-reading-copy{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.mobile-reading-copy .reading-text{min-height:100%}.mobile-dayun-section{height:105px;min-height:105px;grid-template-rows:auto minmax(0,1fr);gap:5px;overflow:hidden}.mobile-section-head{align-items:center}.mobile-section-head strong{color:var(--moss);font-size:12px}.mobile-section-head small{font-size:10px}.mobile-dayun-track{height:82px;min-height:0;padding-bottom:3px}.mobile-dayun-card{flex-basis:min(238px,74vw);min-height:78px;max-height:78px;gap:4px;padding:8px 30px 8px 9px;border-radius:14px}.mobile-dayun-time{gap:5px;font-size:10px}.mobile-dayun-time strong{font-size:14px}.mobile-dayun-title{font-size:13px;line-height:1.35;-webkit-line-clamp:1}.mobile-dayun-card .dayun-keywords{display:none}.palette-screen>.actions,.reading-screen>.actions{position:static;flex:0 0 auto;margin-top:8px}.bracelet-page{display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.bracelet-page,.mobile-bracelet{align-content:stretch;height:100%;min-height:100%}.mobile-bracelet{align-self:stretch;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.stream-panel{height:100%;min-height:0}}@media (max-height:480px) and (pointer:coarse) and (orientation:landscape){.flow-card,.focused-shell .flow-card{height:calc(100dvh - 12px)}.mobile-reading-layout{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr) auto}.mobile-reading-head{grid-column:1;grid-row:1;align-content:start}.mobile-reading-copy{grid-column:2;grid-row:1/span 2}.mobile-dayun-section{grid-column:1;grid-row:2}}@media (max-height:480px) and (pointer:coarse) and (orientation:landscape),(max-width:640px){.mobile-bracelet{grid-template-rows:auto 60px minmax(0,1fr);gap:7px;overflow:hidden}.mobile-result-head{gap:4px}.mobile-result-title h2{font-size:27px;line-height:1.08}.mobile-result-title .useful-gods span{min-height:28px}.mobile-domain-tabs{width:calc(100% + 14px);height:60px;min-height:60px;align-items:stretch;gap:7px;margin-right:-14px;padding:1px 14px 3px 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.mobile-domain-tabs button{flex:0 0 116px;min-width:116px;min-height:54px;display:grid;align-content:center;justify-items:start;grid-gap:2px;gap:2px;padding:7px 12px;border-radius:14px;text-align:left;scroll-snap-align:start}.mobile-domain-tabs button strong{color:var(--ink);font-size:14px;line-height:1.2}.mobile-domain-tabs button small{color:var(--muted);font-size:10px;line-height:1.2}.mobile-domain-tabs button.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.64),0 7px 16px rgba(70,52,40,.07)}.mobile-palette-card{height:auto;min-height:0;align-self:stretch;grid-template-rows:auto 164px minmax(0,1fr);gap:6px;overflow:hidden;padding:10px}.mobile-palette-copy h3{overflow:hidden;display:-webkit-box;margin:2px 0 3px;font-size:18px;line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-palette-copy p{font-size:11px;line-height:1.4;-webkit-line-clamp:1}.mobile-bracelet-visual{height:164px;padding:0}.mobile-bracelet-visual .bracelet-ring{width:158px;max-width:48vw}.mobile-material-slots{min-height:0;height:100%;grid-auto-rows:minmax(46px,1fr);align-content:stretch;gap:6px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;-webkit-overflow-scrolling:touch}.mobile-material-slot{min-height:46px;padding:5px 9px}.palette-screen>.actions{min-height:44px;gap:6px;margin-top:0;border-top-color:var(--line);padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.palette-screen>.actions .btn{min-height:38px;height:38px;padding:0 10px;font-size:12px}.palette-screen>.actions .palette-reset-button{flex:0 0 40px;width:40px;padding:0}.palette-reset-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%)}}@media (max-height:700px) and (max-width:640px){.mobile-palette-card{grid-template-rows:auto 132px minmax(0,1fr)}.mobile-bracelet-visual{height:132px}.mobile-bracelet-visual .bracelet-ring{width:126px}}