:root{color:#4e4840;background:#efe8dc;font-family:"Noto Serif SC",Songti SC,Microsoft YaHei,serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;image-rendering:-webkit-optimize-contrast}button,textarea{font:inherit}button{cursor:pointer}.app-shell{position:relative;width:min(100%,430px);min-height:100vh;margin:0 auto;padding:54px 22px 24px;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;background:linear-gradient(180deg,rgba(255,253,246,.5),rgba(226,216,198,.98) 72%),#efe8dc}.app-shell.view-result{width:min(100%,430px);padding:0;background:#efe8dc}.app-shell.view-result>.photo-atmosphere,.app-shell.view-result>.hero,.app-shell.view-result>.date-row{display:none}.app-shell.view-home>.photo-atmosphere,.app-shell.view-records>.photo-atmosphere{display:none}.photo-atmosphere{position:absolute;top:0;right:0;width:245px;height:236px;background-size:390px auto;background-position:top right;opacity:.82;filter:saturate(.88) contrast(.98);pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%)}.photo-atmosphere:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 46%,rgba(238,229,212,.86) 88%),linear-gradient(90deg,rgba(255,253,247,.6),rgba(255,253,247,0));content:""}.app-shell:after{content:none}.hero,.date-row,.paper-card,.result-stack,.records-panel{position:relative;z-index:1}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-height:154px}.eyebrow{margin:0 0 8px;color:#766f63;font-size:14px;letter-spacing:0}h1{margin:0;color:#3f3932;font-size:40px;font-weight:500;line-height:1.12}.subtitle{margin:12px 0 0;color:#8a8276;font-size:18px}.history-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;gap:4px;border:0;border-radius:999px;color:#665f54;background:rgba(255,255,255,.72);box-shadow:0 12px 32px rgba(81,69,48,.12)}.date-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.date-main{display:grid;gap:6px}.date-row strong{color:#4b433b;font-size:52px;font-weight:400;line-height:1}.date-row em{color:#4b433b;font-size:42px;font-style:normal;font-weight:400;line-height:1}.date-row span{max-width:132px;color:#6c665d;font-size:14px;text-align:right}.paper-card{border:1px solid rgba(176,164,139,.34);border-radius:8px 8px 4px 4px;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.94),transparent 28%),linear-gradient(rgba(255,255,255,.86),rgba(255,253,247,.82)),repeating-linear-gradient(90deg,rgba(98,82,52,.026) 0 1px,transparent 1px 7px),#f8f2e8;box-shadow:0 26px 48px rgba(83,68,45,.2),inset 0 0 32px rgba(255,255,255,.56)}.paper-card:before{position:absolute;inset:-8px 10px auto;height:18px;border-radius:8px;background:rgba(255,253,247,.64);box-shadow:0 6px 16px rgba(106,92,65,.08);content:""}.home-card{padding:24px}.small-title{margin:0 0 18px;color:#61584e;font-size:18px}.draw-paper{display:grid;min-height:210px;place-items:center;margin-bottom:22px;padding:28px;border:1px solid rgba(159,145,116,.26);border-radius:4px;color:#6c7650;text-align:center;background:rgba(255,252,245,.64);transform-origin:center;transition:transform .36s ease,opacity .36s ease}.draw-paper.is-drawing{opacity:.78;transform:rotateX(16deg) scale(.98)}.leaf-mark{color:#8da064}.draw-paper strong{color:#5f7445;font-size:28px;font-weight:500}.draw-paper p{margin:0;color:#8a8174;font-size:15px}.primary-action,.secondary-actions button,.text-action,.empty-card button,.panel-heading button{min-height:48px;border-radius:999px;border:1px solid rgba(96,86,69,.28);background:rgba(255,255,255,.58);color:#5d554b}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;color:#fffdf5;background:linear-gradient(135deg,#718549,#91a15f);box-shadow:0 14px 28px rgba(86,105,53,.24);font-size:18px}.primary-action:disabled{opacity:.72}.text-action{width:100%;margin-top:12px;background:transparent}.result-stack{display:grid;gap:14px;padding-bottom:8px}.result-card{position:relative;overflow:hidden;padding:28px 24px}.paper-deck{position:absolute;inset:auto 0 -18px;height:46px;background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(235,226,211,.74)),repeating-linear-gradient(90deg,rgba(94,75,48,.04) 0 1px,transparent 1px 10px);box-shadow:inset 0 1px rgba(169,151,116,.22)}.keyword-label{margin:0;color:#9b8a65;font-size:15px;text-align:center}.result-card h2{margin:8px 0 0;color:#668044;font-size:64px;font-weight:500;line-height:1.08;text-align:center}.keyword{margin:6px 0 22px;color:#9a8c7c;text-align:center}blockquote{margin:0;padding:24px 28px 20px;color:#5a5147;font-size:22px;line-height:1.75}.divider{height:1px;margin:12px 0 22px;background:rgba(160,146,116,.26)}.reading-section h3,.action-note h3,.feedback-section p,.journal-card label{margin:0 0 10px;color:#5b554c;font-size:18px;font-weight:600}.reading-section p,.action-note p{margin:0;color:#665f55;font-size:16px;line-height:1.8}.action-note{margin-top:18px;padding:16px;border:1px solid rgba(148,135,106,.22);border-radius:6px;background:rgba(236,232,219,.6)}.feedback-section{margin-top:22px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segmented button{min-height:40px;border:1px solid rgba(126,116,92,.24);border-radius:999px;color:#61584e;background:rgba(255,255,255,.54);font-size:14px}.segmented .selected{color:#fffdf5;background:#718549}.journal-card{position:relative;min-height:218px;padding:20px;border:1px solid rgba(158,145,117,.24);border-radius:0 0 8px 8px;background:linear-gradient(rgba(249,244,235,.88),rgba(243,236,224,.88)),repeating-linear-gradient(90deg,rgba(94,75,48,.03) 0 1px,transparent 1px 8px);box-shadow:0 20px 38px rgba(80,66,44,.12)}.journal-card textarea{width:100%;min-height:132px;resize:vertical;border:1px solid rgba(151,137,110,.28);border-radius:6px;padding:14px 130px 14px 14px;color:#5b5349;background:rgba(255,252,245,.54);outline:none}.journal-card span{position:absolute;top:22px;right:22px;color:#9b9287;font-size:13px}.memory-photo{position:absolute;right:26px;bottom:30px;width:112px;aspect-ratio:1.18;border:8px solid #fbf8ef;background-size:430px auto;background-position:78% 9%;box-shadow:0 8px 16px rgba(70,58,40,.18);transform:rotate(6deg)}.memory-photo:before{position:absolute;top:-17px;left:26px;width:72px;height:18px;background:rgba(214,199,169,.64);content:"";transform:rotate(-3deg)}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secondary-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.sticky-action{position:sticky;bottom:14px}.records-panel{display:grid;gap:14px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{margin:0;color:#4b433b;font-size:28px;font-weight:500}.panel-heading button,.empty-card button{padding:0 18px}.empty-card{padding:24px}.record-list{display:grid;gap:10px}.record-row{display:grid;gap:4px;width:100%;border:1px solid rgba(157,143,115,.24);border-radius:6px;padding:16px;color:#5d554b;text-align:left;background:rgba(255,252,245,.72)}.record-row span{color:#9b9287;font-size:13px}.record-row strong{color:#5f7445;font-size:21px;font-weight:500}.record-row em{color:#8c805f;font-style:normal}.record-row p{margin:4px 0 0}.toast{position:fixed;left:50%;bottom:22px;z-index:10;width:min(320px,calc(100vw - 40px));padding:12px 16px;border-radius:999px;color:#fffdf5;text-align:center;background:rgba(74,68,58,.88);transform:translate(-50%)}.view-result .toast{bottom:92px}.result-page{position:relative;min-height:100vh;padding:54px 18px 18px;overflow:hidden;background:linear-gradient(180deg,rgba(255,253,247,.64),rgba(237,228,211,.96) 74%),#efe8dc}.result-photo{position:absolute;top:0;right:0;width:58%;height:240px;background-size:cover;background-position:center top;opacity:.78;filter:saturate(.9) contrast(.96);pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0 62%,transparent 100%),linear-gradient(90deg,transparent 0,#000 28%,#000 100%);mask-image:linear-gradient(180deg,#000 0 62%,transparent 100%),linear-gradient(90deg,transparent 0,#000 28%,#000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.result-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.result-header h1{font-size:38px}.result-header p{margin:10px 0 0;color:#8a8276;font-size:17px}.result-history{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border:0;border-radius:999px;color:#61594f;background:rgba(255,255,255,.76);box-shadow:0 10px 26px rgba(80,68,48,.12)}.result-date{position:relative;z-index:1;display:flex;align-items:center;gap:22px;margin:28px 0 18px}.result-date strong{color:#63764e;font-size:48px;font-weight:400;line-height:1}.result-date span{color:#5d564e;font-size:14px;line-height:1.6}.live-paper-card{position:relative;z-index:1;overflow:hidden;padding:26px 20px 18px;border:1px solid rgba(176,164,139,.34);border-radius:8px 8px 4px 4px;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.9),transparent 28%),linear-gradient(rgba(255,253,247,.93),rgba(248,242,232,.92)),repeating-linear-gradient(90deg,rgba(98,82,52,.024) 0 1px,transparent 1px 7px),#f8f2e8;box-shadow:0 24px 42px rgba(83,68,45,.18),inset 0 0 32px rgba(255,255,255,.5)}.live-keyword-label{margin:0 0 12px;color:#8d9262;font-size:14px;text-align:center}.live-title-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:10px;color:#7f905f}.live-title-row h2{margin:0;color:#6d8050;font-size:clamp(42px,13vw,58px);font-weight:500;line-height:1.08;text-align:center}.live-title-row p{margin:6px 0 0;color:#9a8d75;text-align:center}.live-paper-card blockquote{margin:18px 0 14px;padding:18px 18px 12px;color:#5d554b;font-size:20px;line-height:1.8}.live-divider{height:1px;margin:8px 0 18px;background:rgba(160,146,116,.26)}.live-reading h3,.live-action-note h3{margin:0 0 8px;color:#5f6047;font-size:17px;font-weight:600}.live-reading p,.live-action-note p{margin:0;color:#665f55;font-size:15px;line-height:1.75}.live-action-note{margin-top:16px;padding:14px 16px;border:1px solid rgba(148,135,106,.2);border-radius:8px;background:rgba(236,232,219,.72)}.live-journal{position:relative;margin-top:18px;padding:14px 14px 16px;border:1px solid rgba(151,137,110,.22);border-radius:8px;background:rgba(255,252,245,.68)}.journal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.journal-heading label{color:#61584e;font-size:15px;font-weight:600}.journal-heading span{color:#9b9287;font-size:12px}.live-journal textarea{position:relative;z-index:1;width:100%;min-height:112px;resize:vertical;border:0;border-radius:6px;padding:12px 12px 42px;color:#5b5349;background:rgba(250,246,238,.78);outline:none}.live-journal textarea::placeholder{color:rgba(136,126,112,.74)}.inline-save{position:relative;z-index:3;display:inline-flex;align-items:center;gap:5px;min-height:34px;margin-top:10px;padding:0 12px;border:1px solid rgba(126,116,92,.2);border-radius:999px;color:#6b6358;background:rgba(255,255,255,.58);font-size:13px}.result-actions{position:sticky;z-index:3;bottom:14px;display:grid;grid-template-columns:.92fr 1.08fr;gap:14px;margin-top:18px;padding-top:2px}.result-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:1px solid rgba(99,87,70,.34);border-radius:999px;color:#62584e;background:rgba(255,253,247,.88);box-shadow:0 12px 24px rgba(79,66,44,.12);font-size:15px}.result-actions button:last-child{border:0;color:#fffdf5;background:linear-gradient(135deg,#718549,#8fa25b)}.redraw-action{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:40px;margin:14px auto 0;padding:0 14px;border:0;border-radius:999px;color:var(--sage-dark);background:rgba(230,237,219,.46);box-shadow:none;font-size:14px}.redraw-action:disabled{cursor:default;opacity:.68}.reference-result{position:relative;width:100%;min-height:100vh;background:#efe8dc}.reference-result img{display:block;width:100%;height:auto;user-select:none;pointer-events:none}.dynamic-fortune{position:absolute;z-index:2;color:#5b5349;text-align:center;background:linear-gradient(rgba(250,246,238,.96),rgba(246,240,229,.96)),repeating-linear-gradient(90deg,rgba(98,82,52,.018) 0 1px,transparent 1px 8px)}.keyword-overlay{top:25.2%;left:32%;width:36%;min-height:3%;display:flex;align-items:center;justify-content:center;color:#8e8d5e;font-size:clamp(11px,3.4vw,15px)}.title-overlay{top:29.6%;left:18%;width:50%;min-height:10.5%;padding-top:.4%}.title-overlay h2{margin:0;color:#6e8052;font-size:clamp(34px,13vw,58px);font-weight:500;line-height:1.08}.title-overlay p{margin:.4% 0 0;color:#9a8d75;font-size:clamp(12px,3.5vw,16px)}.poem-overlay{top:40%;left:12%;width:56%;min-height:11%;display:flex;align-items:center;padding:1.2% 2.5%;text-align:left}.poem-overlay p{margin:0;font-size:clamp(14px,4.2vw,20px);line-height:1.7}.reading-overlay{top:53.4%;left:7%;width:85%;min-height:11.8%;padding:1.1% 2.2%;text-align:left}.reading-overlay strong,.action-overlay strong{display:block;margin-bottom:1.1%;color:#5e6048;font-size:clamp(13px,3.7vw,17px);font-weight:600}.reading-overlay p,.action-overlay p{margin:0;color:#60584e;font-size:clamp(11px,3.1vw,14px);line-height:1.65}.action-overlay{top:67.4%;left:10.8%;width:78.4%;min-height:5.8%;padding:1.2% 3.2%;border-radius:8px;text-align:left;background:rgba(239,234,221,.96)}.hotspot{position:absolute;z-index:4;border:0;color:transparent;background:transparent;outline-offset:3px}.hotspot:focus-visible{outline:2px solid rgba(112,132,73,.72)}.history-hotspot{top:4.7%;right:6.8%;width:18%;height:4.8%}.feedback-close-hotspot{top:75.6%;left:8%;width:22%;height:4.3%}.share-hotspot{bottom:1.2%;left:4%;width:41%;height:5.3%}.save-hotspot{bottom:1.2%;right:4%;width:50%;height:5.3%}.save-inline-hotspot{top:84.5%;left:10%;width:31%;height:4.5%}.reference-note-input{position:absolute;z-index:3;top:75.2%;left:10%;width:48%;height:10.8%;resize:none;border:0;color:rgba(82,75,66,.88);background:rgba(248,242,232,.94);font-family:"Noto Serif SC",Songti SC,Microsoft YaHei,serif;font-size:15px;line-height:1.7;outline:none}.reference-note-input::placeholder{color:rgba(136,126,112,.72)}.reference-note-input.has-note::placeholder{color:transparent}.reference-note-input:focus{background:rgba(248,242,232,.98)}@media(max-width:360px){.app-shell{padding-inline:16px}h1{font-size:34px}.date-row strong{font-size:44px}.date-row em{font-size:34px}.result-card h2{font-size:46px}blockquote{padding-inline:8px;font-size:19px}.journal-card textarea{padding-right:14px}.memory-photo{opacity:.35}}:root{--paper: #fffaf0;--paper-strong: #fffdf7;--canvas: #eee6d7;--canvas-cool: #e4eadf;--ink: #403a33;--muted-ink: #7b7166;--soft-line: rgba(110, 101, 84, .16);--sage: #6f8352;--sage-dark: #53683e;--sage-soft: #e6eddb;--shadow-soft: 0 18px 42px rgba(75, 63, 42, .13);--shadow-low: 0 8px 20px rgba(75, 63, 42, .08)}body{background:radial-gradient(circle at 100% 0%,rgba(209,222,194,.55),transparent 34%),linear-gradient(180deg,#f4eee4,#e9dfce)}button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,opacity .18s ease}button:active{transform:translateY(1px) scale(.99)}button:focus-visible,textarea:focus-visible{outline:2px solid rgba(83,104,62,.62);outline-offset:3px}.app-shell{width:min(100%,430px);padding:34px 20px 22px;background:radial-gradient(circle at 88% 8%,rgba(218,228,206,.65),transparent 30%),linear-gradient(180deg,#f8f3ea,#eee4d4 68%,#e5dbc9)}.hero{min-height:116px}.eyebrow{margin-bottom:6px;color:var(--sage-dark);font-size:15px}h1{color:var(--ink);font-size:42px;font-weight:500;line-height:1.05}.subtitle{margin-top:10px;color:var(--muted-ink);font-size:17px}.history-pill{width:64px;height:64px;color:var(--ink);background:rgba(255,253,247,.86);box-shadow:var(--shadow-low)}.date-row{align-items:flex-end;margin:22px 0 20px}.date-row strong{color:var(--sage-dark);font-size:54px}.date-row em{color:var(--ink);font-size:38px}.date-row span{padding:8px 0 7px 14px;border-left:1px solid var(--soft-line);color:var(--muted-ink);font-size:15px;text-align:left}.paper-card{border-color:rgba(130,119,95,.18);border-radius:8px;background:linear-gradient(rgba(255,253,248,.94),rgba(250,244,234,.93)),repeating-linear-gradient(90deg,rgba(83,72,51,.018) 0 1px,transparent 1px 8px),var(--paper);box-shadow:var(--shadow-soft)}.home-card{padding:22px}.permission-badge{display:inline-flex;align-items:center;min-height:30px;margin-bottom:14px;padding:0 12px;border:1px solid rgba(112,131,82,.18);border-radius:999px;color:var(--sage-dark);background:rgba(230,237,219,.58);font-size:13px}.small-title{color:var(--ink);font-size:18px;line-height:1.6}.draw-paper{min-height:230px;margin-bottom:18px;border-color:rgba(112,131,82,.2);border-radius:8px;background:radial-gradient(circle at 50% 35%,rgba(230,237,219,.5),transparent 34%),rgba(255,253,247,.74)}.draw-paper strong{color:var(--sage-dark);font-size:34px}.primary-action{min-height:56px;background:linear-gradient(135deg,var(--sage-dark),#82975b);box-shadow:0 14px 28px rgba(83,104,62,.22)}.text-action{border-color:rgba(83,104,62,.18);color:var(--sage-dark);background:rgba(255,253,247,.54)}.app-shell.view-result{background:transparent}.result-page{padding:32px 18px 18px;background:radial-gradient(circle at 92% 4%,rgba(214,227,201,.8),transparent 31%),linear-gradient(180deg,#fbf7ef,#efe6d7 68%,#e4dac8)}.result-photo{top:0;right:-12px;width:56%;height:230px;opacity:.58}.result-header{min-height:118px}.result-header h1{font-size:41px}.result-header p{color:var(--muted-ink)}.result-history{min-width:78px;min-height:44px;color:var(--ink);background:rgba(255,253,247,.84)}.result-date{margin:8px 0 18px}.result-date strong{color:var(--sage-dark);font-size:52px}.result-date span{color:var(--ink)}.live-paper-card{padding:22px 20px 18px;border-color:rgba(130,119,95,.2);border-radius:8px;background:linear-gradient(rgba(255,253,248,.97),rgba(250,245,235,.95)),repeating-linear-gradient(90deg,rgba(83,72,51,.016) 0 1px,transparent 1px 8px),var(--paper)}.live-keyword-label{color:#8a8f62;font-size:14px}.live-title-row{grid-template-columns:minmax(0,1fr) 76px}.live-title-row h2{font-size:clamp(38px,10.5vw,46px);line-height:1.13}.live-title-row p{font-size:16px}.live-title-row svg{color:#849866}.live-paper-card blockquote{margin:20px 0 16px;padding:16px 4px;color:var(--ink);font-size:21px;text-align:center}.live-reading p,.live-action-note p{color:#625a51}.live-action-note{border-radius:8px;background:#eee9dc}.live-journal{border-radius:8px;background:rgba(255,253,247,.72)}.live-journal textarea{min-height:118px;border:1px solid rgba(130,119,95,.12);padding-right:12px;background:rgba(255,252,246,.76)}.inline-save{min-height:38px;color:var(--sage-dark)}.result-actions{grid-template-columns:1fr 1.15fr;gap:12px}.result-actions button{min-height:54px;font-size:15px}.records-panel{gap:18px}.panel-heading h2{color:var(--ink);font-size:34px}.record-row{border-color:rgba(130,119,95,.16);border-radius:8px;background:rgba(255,253,247,.74);box-shadow:var(--shadow-low)}.record-row strong{color:var(--sage-dark)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}