:root{font-family:Songti SC,STSong,"Noto Serif CJK SC",Georgia,serif;color:#292621;background:#f1eee7;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:#f1eee7}body{margin:0;min-width:320px;min-height:100vh;background:#f1eee7}button,textarea{font:inherit}button{color:inherit}main{width:min(1220px,calc(100% - 48px));margin:0 auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c8c2b8}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-weight:700;letter-spacing:.08em}.brand-mark{width:23px;height:23px;border-radius:50%;background:conic-gradient(from -15deg,#e76651,#e5ac45,#85a75e,#52a49b,#608cbd,#9570af,#e76651);box-shadow:inset 0 0 0 5px #ffffff61}.topbar p{margin:0;font-family:system-ui,sans-serif;font-size:12px;color:#777067}.intro{display:grid;grid-template-columns:1.4fr .6fr;gap:48px;align-items:end;padding:76px 0 60px}.eyebrow{margin:0 0 14px;font:600 11px/1.2 system-ui,sans-serif;letter-spacing:.2em;color:#797168}h1{margin:0;font-size:clamp(45px,6vw,82px);line-height:1.05;font-weight:400;letter-spacing:-.055em}h1 em{font-style:italic;font-weight:400;color:#524d46}.lede{max-width:360px;margin:0 0 8px auto;color:#69635b;font-size:16px;line-height:1.9}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.62fr);gap:clamp(32px,6vw,84px);align-items:center}.board-column{min-width:0}.board-shell{position:relative;width:min(100%,680px);padding:3.2%;margin:0 auto;border:1px solid #bdb6ac;border-radius:50%}.mood-board{position:relative;aspect-ratio:1;overflow:hidden;border-radius:50%;cursor:crosshair;touch-action:none;outline:none;background:conic-gradient(from -15deg,#f06451,#f06451 30deg,#ec9347 30deg,#ec9347 60deg,#e3c44c 60deg,#e3c44c 90deg,#a9bd54 90deg,#a9bd54 120deg,#60ae72 120deg,#60ae72 150deg,#48aaa0 150deg,#48aaa0 180deg,#50a1bd 180deg,#50a1bd 210deg,#647fc0 210deg,#647fc0 240deg,#826cba 240deg,#826cba 270deg,#a768a7 270deg,#a768a7 300deg,#cf648d 300deg,#cf648d 330deg,#e16267 330deg,#e16267 360deg);box-shadow:inset 0 0 50px #3c2a191a,0 18px 45px #3a302624}.soft-light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#fffc,#ffffff4d 39%,#21191329)}.tracks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.crosshair{position:absolute;pointer-events:none;opacity:.17;background:#fff}.horizontal{left:8%;right:8%;height:1px;top:50%}.vertical{top:8%;bottom:8%;width:1px;left:50%}.point{position:absolute;width:38px;height:38px;transform:translate(-50%,-50%);border:1px solid rgba(40,34,29,.72);border-radius:50%;background:#ffffff4d;box-shadow:0 2px 13px #1b15113d;pointer-events:none;display:grid;place-items:center;transition:left .18s ease,top .18s ease}.point span{width:13px;height:13px;border-radius:50%;background:var(--point-color);border:2px solid rgba(255,255,255,.75)}.axis{position:absolute;left:50%;translate:-50%;padding:2px 6px;background:#f1eee7;color:#726b62;font-size:12px}.axis.top{top:-7px}.axis.bottom{bottom:-7px}.selection-readout{display:flex;align-items:center;gap:12px;max-width:620px;margin:20px auto 0;font-family:system-ui,sans-serif}.swatch{width:30px;height:30px;border-radius:50%;border:4px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px #bdb6ac}.selection-readout div{display:flex;flex-direction:column;gap:2px}.selection-readout small{color:#827a70;font-size:10px}.selection-readout strong{font-size:13px;font-weight:600}.coordinate{margin-left:auto;color:#918980;font-size:11px;font-variant-numeric:tabular-nums}.entry-card{padding:36px;background:#fbfaf6;border-top:3px solid #332e29;box-shadow:0 14px 40px #362d2414}.card-number{margin:0;font:700 11px system-ui,sans-serif;color:#b25f50;letter-spacing:.12em}.entry-card h2,.history h2{margin:20px 0 8px;font-size:29px;font-weight:500}.entry-card>p:not(.card-number):not(.notice){margin:0 0 34px;color:#777067;font-size:14px;line-height:1.7}label{display:block;font:600 11px system-ui,sans-serif;letter-spacing:.12em;margin-bottom:10px}textarea{display:block;width:100%;min-height:112px;resize:vertical;border:0;border-bottom:1px solid #aaa297;padding:12px 0;background:transparent;color:#332e29;line-height:1.7;outline:none}textarea:focus{border-color:#332e29}textarea::placeholder{color:#b6afa5}.counter{margin-top:6px;text-align:right;font:10px system-ui,sans-serif;color:#9a9288}.save{width:100%;margin-top:26px;padding:15px 18px;border:0;background:#332e29;color:#fff;display:flex;justify-content:space-between;cursor:pointer;transition:transform .15s,background .15s}.save:hover{transform:translateY(-2px);background:#171411}.save:disabled{opacity:.5;cursor:default}.notice{min-height:18px;margin:13px 0 0;text-align:center;color:#8b8379;font:11px/1.5 system-ui,sans-serif}.history{margin-top:110px;padding:54px 0 90px;border-top:1px solid #c8c2b8}.history-head{display:flex;align-items:end;justify-content:space-between}.history-head h2{margin:0;font-size:38px}.text-button{padding:5px 0;border:0;border-bottom:1px solid #9e968d;background:transparent;cursor:pointer;font-size:12px;color:#716a61}.history-list{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-top:36px;background:#c8c2b8;border:1px solid #c8c2b8}.history-list article{min-width:0;padding:18px;background:#f1eee7}.history-color{width:100%;aspect-ratio:1.5;margin-bottom:22px}.history-list time{font:600 11px system-ui,sans-serif;color:#605a53}.history-list p{height:3.2em;margin:10px 0 16px;overflow:hidden;font-size:13px;line-height:1.6;color:#5e5851;overflow-wrap:anywhere}.history-list small{font:9px system-ui,sans-serif;color:#958d84}.empty{min-height:180px;display:flex;gap:20px;align-items:center;justify-content:center;color:#8a8279}.empty span{font-size:40px}.empty p{font-size:14px;line-height:1.7}footer{display:flex;justify-content:space-between;padding:22px max(24px,calc((100vw - 1220px)/2));background:#302c28;color:#c8c1b8;font:10px system-ui,sans-serif;letter-spacing:.15em}@media(max-width:900px){main{width:min(100% - 30px,680px)}.intro{grid-template-columns:1fr;padding:54px 0 42px;gap:22px}.lede{margin-left:0}.workspace{grid-template-columns:1fr}.entry-card{max-width:560px;width:100%;margin:0 auto}.history{margin-top:72px}.history-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.topbar{height:68px}h1{font-size:42px}.intro{padding-top:42px}.workspace{gap:44px}.board-shell{width:calc(100% - 10px)}.point{width:30px;height:30px}.entry-card{padding:28px 22px}.history-list{grid-template-columns:repeat(2,1fr)}footer{gap:16px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}