:root{--bg-color:#f7f3eb;--wood-brown:#5d3d28;--wood-dark:#3d2612;--wood-light:#f3e9d9;--text-color:#2b1810;--link-blue:#3182ce;--link-deep:#2c5282;--shelf-bg:#e8dcc8;--mark-green:#38a169;--ribbon-pink:#ed64a6;--ribbon-mint:#38b2ac;--ribbon-gold:#d69e2e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(#d5cbbd 1.5px, transparent 1.5px), radial-gradient(#d5cbbd 1.5px, var(--bg-color) 1.5px);color:var(--text-color);background-position:0 0,10px 10px;background-size:20px 20px;flex-direction:column;align-items:center;min-height:100vh;padding:20px 15px;font-family:DotGothic16,monospace,sans-serif;display:flex}header{justify-content:space-between;align-items:center;width:100%;max-width:560px;margin-bottom:20px;display:flex}.back-btn{background-color:var(--wood-light);color:var(--wood-brown);border:2px solid var(--wood-brown);box-shadow:2px 2px 0px 0px var(--wood-brown);border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:700;text-decoration:none}.back-btn:active{box-shadow:1px 1px 0px 0px var(--wood-brown);transform:translate(1px,1px)}main{border:4px solid var(--wood-dark);width:100%;max-width:560px;box-shadow:6px 6px 0px 0px var(--wood-dark);background-color:#fff;border-radius:12px;padding:20px}h1{text-align:center;color:var(--wood-brown);margin-bottom:5px;font-size:1.35rem}.sub-title{color:#718096;text-align:center;margin-bottom:14px;font-size:.85rem;line-height:1.55}.hero-showcase{background:linear-gradient(165deg,#fffaf0 0%,#ebf8ff 100%);border:2px dashed #cbd5e0;border-radius:12px;flex-direction:column;align-items:center;margin-bottom:16px;padding:12px;display:flex}.hero-frame{border:3px solid var(--wood-dark);box-shadow:4px 4px 0 var(--wood-dark);background:radial-gradient(circle at 50% 35%,#fff 0%,#fef3f8 100%);border-radius:10px;margin-bottom:8px;padding:10px}.hero-frame img{object-fit:contain;width:120px;height:120px;image-rendering:pixelated;display:block}.hero-copy{color:#8b7355;text-align:center;font-size:.78rem;line-height:1.5}.add-panel{background:var(--shelf-bg);border:2px solid var(--wood-brown);border-radius:10px;margin-bottom:14px;padding:14px;box-shadow:inset 0 2px 8px #5d3d2814}.add-panel label{color:var(--wood-brown);margin-bottom:4px;font-size:.75rem;display:block}.add-panel input[type=text],.add-panel input[type=url]{border:2px solid var(--wood-brown);width:100%;color:var(--text-color);background:#fff;border-radius:8px;margin-bottom:10px;padding:9px 11px;font-family:inherit;font-size:.85rem}.add-panel input:focus{outline:2px solid var(--link-blue);outline-offset:1px}.add-actions{flex-wrap:wrap;gap:8px;display:flex}.action-btn{background:var(--wood-light);color:var(--wood-brown);border:2px solid var(--wood-brown);cursor:pointer;box-shadow:2px 2px 0 var(--wood-brown);border-radius:8px;padding:8px 14px;font-family:inherit;font-size:.8rem;font-weight:700}.action-btn:active{box-shadow:1px 1px 0 var(--wood-brown);transform:translate(1px,1px)}.action-btn.primary{background:linear-gradient(135deg, var(--link-blue) 0%, var(--link-deep) 100%);color:#fff;border-color:var(--link-deep);box-shadow:2px 2px 0 var(--link-deep)}.action-btn.primary:active{box-shadow:1px 1px 0 var(--link-deep)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.filter-tabs{gap:6px;display:flex}.filter-tab{color:var(--wood-brown);cursor:pointer;background:#fff;border:2px solid #c9b89a;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:.72rem}.filter-tab.active{background:var(--wood-brown);color:#fff;border-color:var(--wood-brown)}.link-count{color:#8b7355;font-size:.75rem}.link-count strong{color:var(--wood-brown)}.shelf{background:linear-gradient(180deg, #f0e6d6 0%, var(--shelf-bg) 100%);border:3px solid var(--wood-dark);border-radius:10px;min-height:180px;padding:12px;box-shadow:inset 0 3px 10px #3d26121a}.link-list{flex-direction:column;gap:10px;list-style:none;display:flex}.link-item{background:#fff;border:2px solid #d6c4a8;border-radius:10px;padding:12px;position:relative;box-shadow:2px 2px #5d3d281f}.link-item:before{content:"";background:var(--ribbon-color,var(--ribbon-pink));border-radius:0 0 4px 4px;width:14px;height:22px;position:absolute;top:0;right:18px;box-shadow:0 2px #00000014}.link-item.is-read{opacity:.72;background:#faf8f5}.link-item.is-read .link-title{color:#a0aec0;text-decoration:line-through}.link-head{align-items:flex-start;gap:10px;margin-bottom:6px;padding-right:8px;display:flex}.link-favicon{background:#edf2f7;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex}.link-favicon img{image-rendering:auto;width:18px;height:18px}.link-meta{flex:1;min-width:0}.link-title{color:var(--link-deep);word-break:break-word;font-size:.88rem;font-weight:700;line-height:1.35}.link-url{color:#718096;word-break:break-all;margin-top:2px;font-size:.68rem}.link-memo{color:#4a5568;margin:6px 0 8px;padding-left:2px;font-size:.75rem;line-height:1.45}.link-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.link-date{color:#a0aec0;font-size:.68rem}.link-actions{flex-wrap:wrap;gap:6px;display:flex}.mini-btn{background:var(--wood-light);color:var(--wood-brown);border:1px solid var(--wood-brown);cursor:pointer;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:.68rem}.mini-btn:hover{background:#fff}.mini-btn.danger{color:#c53030;background:#fff5f5;border-color:#fc8181}.mini-btn.done{color:var(--mark-green);background:#f0fff4;border-color:#9ae6b4}.empty-state{text-align:center;color:#8b7355;white-space:pre-line;padding:28px 12px;font-size:.82rem;line-height:1.6}.toast{background:var(--wood-dark);color:#fff;opacity:0;pointer-events:none;z-index:50;border-radius:999px;padding:10px 18px;font-size:.78rem;transition:opacity .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.data-notice{color:#a0aec0;text-align:center;margin-top:14px;font-size:.68rem;line-height:1.5}