:root{font-family:Hiragino Mincho ProN,Yu Mincho,BIZ UDMincho,"Noto Serif CJK JP","Noto Serif JP",serif;color:#231815;background:radial-gradient(circle at 15% 12%,#ffffff80,#fff0 55%),repeating-linear-gradient(112deg,#785c360f,#785c360f 2px,#efe2c652 2px,#efe2c652 8px),linear-gradient(160deg,#f3ead8,#e2cfac)}*{box-sizing:border-box}body{margin:0;min-height:100vh;text-rendering:optimizeLegibility;font-kerning:normal}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,520px) minmax(240px,360px);justify-content:center;gap:24px;padding:24px}.panel{background:#fffcf6d6;border:1px solid #bda277;border-radius:12px;padding:20px;box-shadow:0 8px 28px #2318151f}.panel-header h1{margin:0;font-size:clamp(1.5rem,3vw,2rem)}.eyebrow{margin:0;letter-spacing:.18em;font-size:.72rem;color:#7d4827}.subtext{margin:10px 0 0;font-size:.95rem;line-height:1.6}textarea{width:100%;border:1px solid #b78f57;background:#fffaf0;border-radius:8px;padding:10px;margin-top:8px;font:inherit}.entry-form{margin-top:20px}.actions{margin-top:12px;display:flex;gap:8px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #7c3218;background:#8f2f11;color:#fff;border-radius:999px;padding:10px 14px;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{border-color:#855a2e;background:#fbf1dd;color:#5b3b20}.error-message{margin-top:14px;color:#b20000;font-size:.95rem}.print-area{display:flex;align-items:flex-start;justify-content:center}.fortune-slip{width:76mm;min-height:220mm;background:radial-gradient(ellipse at 30% 10%,rgba(245,238,220,.6),transparent 60%),linear-gradient(180deg,#f8f2e4,#faf6ed 8%,#faf6ed 92%,#f0e8d4);border:2.5px solid #2c2418;padding:4mm;box-shadow:0 2px 8px #22181514,0 8px 32px #2218151f;position:relative;display:flex;flex-direction:column;font-feature-settings:"palt" 1;font-variant-east-asian:normal;-webkit-font-smoothing:antialiased}.fortune-slip:before{content:"";position:absolute;top:2.5mm;right:2.5mm;bottom:2.5mm;left:2.5mm;border:1px solid #5a4e3c;pointer-events:none}.slip-header{text-align:center;padding:2mm 2mm 2.5mm}.slip-number{margin:0;font-size:.68rem;letter-spacing:.14em;color:#6a5d4a}.slip-title{margin:1.5mm 0 0;font-size:1.4rem;font-weight:700;letter-spacing:.6em;text-indent:.6em;color:#1a1510}.slip-grade-section{text-align:center;padding:3mm 0 2.5mm;position:relative}.slip-grade-section:before,.slip-grade-section:after{content:"";display:block;width:60%;margin:0 auto;border-top:1px solid #a89880}.slip-grade-section:before{margin-bottom:2.5mm}.slip-grade-section:after{margin-top:2.5mm}.slip-grade{margin:0;font-size:2.6rem;font-weight:900;color:#b91c1c;letter-spacing:.35em;text-indent:.35em;line-height:1}.slip-divider{border:none;margin:1.5mm 0;position:relative;height:3mm}.slip-divider:before{content:"";position:absolute;top:50%;left:8%;right:8%;border-top:1px solid #a89880}.slip-divider:after{content:"◆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#faf6ed;padding:0 1.5mm;color:#a89880;font-size:.4rem;line-height:1}.slip-oracle{writing-mode:vertical-rl;text-orientation:mixed;border:1px solid #8a7d6b;padding:2mm 1.5mm;height:28mm;display:flex;justify-content:center;background:repeating-linear-gradient(90deg,rgba(138,125,107,.04) 0,rgba(138,125,107,.04) .5px,transparent .5px,transparent 3.5mm);overflow:hidden;font-feature-settings:"vert" 1,"vrt2" 1}.oracle-line{margin:0;font-size:.72rem;line-height:1.55;letter-spacing:.06em;text-align:justify}.slip-columns{border:1px solid #8a7d6b;height:130mm;display:flex;flex-direction:row-reverse;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(106,96,82,.05) 0,rgba(106,96,82,.05) .5px,transparent .5px,transparent 3.5mm)}.fortune-column{writing-mode:vertical-rl;text-orientation:mixed;text-spacing-trim:auto;line-break:strict;word-break:normal;overflow-wrap:normal;letter-spacing:0;border-left:1px solid #8a7d6b;padding:1.5mm 1mm;overflow:hidden;font-feature-settings:"vert" 1,"vrt2" 1}.fortune-column:last-child{border-left:none}.concern-column{flex:1.5 1 0;min-width:0}.item-column{flex:1 1 0;min-width:0;padding:1.5mm .5mm}.message-column{flex:2 1 0;min-width:0}.column-body{margin:0;font-size:.62rem;line-height:1.35;overflow:hidden;hanging-punctuation:allow-end}.col-label{font-weight:700;letter-spacing:.12em;color:#3a3228;padding-bottom:1.2mm;border-bottom:1px dotted #8e8375}.meta{margin:1.5mm 0 0;font-size:.56rem;color:#6a5d4a;text-align:center;letter-spacing:.05em}.slip-note{margin:1mm 0 0;border-top:1px solid #8a7d6b;padding-top:1.5mm;font-size:.58rem;line-height:1.5;color:#5a4e3c;text-align:center}.placeholder{margin:0;height:170mm;border:1px solid #8a7d6b;display:grid;place-items:center;writing-mode:vertical-rl;text-orientation:mixed;font-size:.72rem;letter-spacing:.14em;color:#8a7d6b}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.print-area{justify-content:flex-start}}@page{size:80mm auto;margin:4mm}@media print{:root{background:#fff!important}body{background:#fff!important;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}.app-shell{display:block;padding:0;margin:0}.print-area{margin:0;padding:0}.fortune-slip{width:72mm;min-height:208mm;box-shadow:none;border:2px solid #000;padding:3mm;margin:0 auto;background:#fff;font-feature-settings:"palt" 1}.fortune-slip:before{top:2mm;right:2mm;bottom:2mm;left:2mm;border-color:#333}.slip-header{padding:1.5mm 2mm 2mm}.slip-title{font-size:1.2rem}.slip-grade-section{padding:2.5mm 0 2mm}.slip-grade{font-size:2.2rem}.slip-divider:after{background:#fff}.slip-oracle{height:25mm}.oracle-line{font-size:.66rem}.slip-columns{height:122mm}.column-body{font-size:.56rem;line-height:1.3}.col-label{font-size:.56rem}.item-column{padding:1.5mm .3mm}.slip-note{color:#000}.meta{color:#333}}